主頁 > 網(wǎng)站建設(shè) > 建站知識 > 使DedeCMS默認(rèn)編輯器變成所見即所得的方法

使DedeCMS默認(rèn)編輯器變成所見即所得的方法

POST TIME:2017-11-13 00:02

DedeCMS的默認(rèn)編輯器的正文編輯區(qū)域顯示效果不是非常友好,主要問題是字體太小,行間距也很小,看起來密密麻麻的,非常頭疼。而且段落首行沒有縮進(jìn),段落之間沒有適當(dāng)?shù)拈g隔,每行文字的長度也與發(fā)布后的頁面顯示的寬度不一樣,這樣用起來非常不方便。

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

打開這份文件,你會發(fā)現(xiàn)里面的樣式少的可憐,怪不得這么難看。

為了能夠使編輯器達(dá)到所見即所得的編輯效果,我們可以把它的CSS設(shè)計(jì)得跟正文一樣。

首先在Body的樣式中加入下面的內(nèi)容

width:712px;

這表示每行的最大長度是712px(可根據(jù)你網(wǎng)站正文的寬度自行調(diào)整)

然后再在末尾增加段落的顯示樣式如下:(首行縮進(jìn)2個字符,段落間距8Px,行高25px)

P{

text-indent:2em;

margin-bottom:8px;

line-height:25px;

}

重新登錄你的后臺,在編輯器輸入內(nèi)容,怎么樣,好看多了吧,效果如下圖所示,趕緊修改自己網(wǎng)站的編輯器顯示效果吧!



上一篇:怎樣修改DedeCMS主頁左上角的文字

下一篇:將DedeCMS從子目錄移動到根目錄的方法

收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266