使DedeCMS默認編輯器變成所見即所得的方法
來源：本站原創(chuàng)|時間：2021-08-05|欄目：dedecms|點擊： 次
DedeCMS的默認編輯器的正文編輯區(qū)域顯示效果不是非常友好，主要問題是字體太小，行間距也很小，看起來密密麻麻的，非常頭疼。而且段落首行沒有縮進，段落之間沒有適當?shù)拈g隔，每行文字的長度也與發(fā)布后的頁面顯示的寬度不一樣，這樣用起來非常不方便。
其實這是可以輕松改變的。我們在編輯器里看到的文件的樣式其實和正文一樣，也是由一份CSS文件控制的，這份文件的位置在include/ckeditor/contents.css
打開這份文件，你會發(fā)現(xiàn)里面的樣式少的可憐，怪不得這么難看。
為了能夠使編輯器達到所見即所得的編輯效果，我們可以把它的CSS設計得跟正文一樣。
首先在Body的樣式中加入下面的內(nèi)容
width:712px;
這表示每行的最大長度是712px（可根據(jù)你網(wǎng)站正文的寬度自行調(diào)整）
然后再在末尾增加段落的顯示樣式如下：（首行縮進2個字符，段落間距8Px，行高25px）
P{
text-indent:2em;
margin-bottom:8px;
line-height:25px;
}
重新登錄你的后臺，在編輯器輸入內(nèi)容，怎么樣，好看多了吧，效果如下圖所示，趕緊修改自己網(wǎng)站的編輯器顯示效果吧！
您可能感興趣的文章
- 08-05Dedecms文件目錄結(jié)構解說（能知道織夢每個文件有什么用）
- 08-05Dedecms5.7版ckeditor網(wǎng)頁編輯器添加中文字體
- 08-05織夢DedeCMS獲取當前欄目文章數(shù)量
- 08-05DedeCMS后臺模塊列表顯示空白的解決辦法
- 08-05DedeCMS自定義字段圖片調(diào)用的問題{dede:img ...}解決方法
- 08-05織夢DedeCMS調(diào)用顯示discuz里面主題的方法
- 08-05常用的織夢dedecms安全設置集合整理
- 08-05dedecms教程：上傳圖片相對路徑改成絕對路徑方法
- 08-05DedeCMS會員投稿自動加積分改為投稿審核后加積分
- 08-05織夢教程：手把手教你讓dedecms禁止發(fā)布重復文章
