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)站的編輯器顯示效果吧!
版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請(qǐng)注明: 使DedeCMS默認(rèn)編輯器變成所見(jiàn)即所得的方法