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

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

軟件APP類(lèi)網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

工業(yè)環(huán)保工程類(lèi)企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

藍(lán)色安防器材公司類(lèi)整站模板

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

其實(shí)這是可以輕松改變的。我們?cè)诰庉嬈骼锟吹降奈募臉邮狡鋵?shí)和正文一樣，也是由一份CSS文件控制的，這份文件的位置在include/ckeditor/contents.css

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

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

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

width:712px;

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

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

P{

text-indent:2em;

margin-bottom:8px;

line-height:25px;

}

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