html5響應式網站織夢模板源碼IT網絡工作室織夢網

軟件APP類網站源碼織夢通用型企業網站源碼html

工業環保工程類企業網站織夢模板(帶手機端)

藍色安防器材公司類整站模板

DedeCMS的默認編輯器的正文編輯區域顯示效果不是非常友好，主要問題是字體太小，行間距也很小，看起來密密麻麻的，非常頭疼。而且段落首行沒有縮進，段落之間沒有適當的間隔，每行文字的長度也與發布后的頁面顯示的寬度不一樣，這樣用起來非常不方便。

其實這是可以輕松改變的。我們在編輯器里看到的文件的樣式其實和正文一樣，也是由一份CSS文件控制的，這份文件的位置在include/ckeditor/contents.css

打開這份文件，你會發現里面的樣式少的可憐，怪不得這么難看。

為了能夠使編輯器達到所見即所得的編輯效果，我們可以把它的CSS設計得跟正文一樣。

首先在Body的樣式中加入下面的內容

width:712px;

這表示每行的最大長度是712px（可根據你網站正文的寬度自行調整）

然后再在末尾增加段落的顯示樣式如下：（首行縮進2個字符，段落間距8Px，行高25px）

P{

text-indent:2em;

margin-bottom:8px;

line-height:25px;

}

重新登錄你的后臺，在編輯器輸入內容，怎么樣，好看多了吧，效果如下圖所示，趕緊修改自己網站的編輯器顯示效果吧！