DedeCMS編輯器ckeditor去除標簽回車[織夢網站模板使用教程]

閱讀 ?·? 發布日期 2019-05-28 07:03 ?·? admin

[織夢網站模板使用教程]做網站講究代碼的精簡,一些多余、冗余的空格、回車盡可能地刪除,代碼更簡潔讓網站速度更快。DedeCMS默認的ckeditor處理得還不夠好,當然你可以替換成百度編輯器,但CKeditor更精簡些。

       ckeditor編輯器屬于富媒體編輯器,編輯文章時可以插入文字、圖片、flash、表格等,如果需要增加百度、谷歌地圖建議用百度編輯器。下面總結ckeditor編輯器存在的兩個問題:

回車<br>換成<p>;

       這個是英文編輯的問題,國外都喜歡用<br>換行,但國內的一般喜歡用<p>標簽,這沒有什么優勢或利于優化的說法,只是多數站長的習慣,另外盡量在正文文字標簽都統一用<p><h>兩種標簽,這樣便于統一寫樣式,而不寫行內樣式(加粗加顏色除外)。如

<p style="font-size:12px;margin-top:10px;">

       源代碼最好是

<h4>這是子標題</h4>
<p>這是文字內容</p>

       打開/include/ckeditor/config.js,找到代碼

config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P; 

       修改為

 

config.enterMode = CKEDITOR.ENTER_P;
config.shiftEnterMode = CKEDITOR.ENTER_BR; 

 

標簽會自動回車如

<p>
     這是內容</p>

修改成

<p>這是內容</p>

       打開/include/ckeditor/config.js,在最下面增加代碼

CKEDITOR.on('instanceReady', function (ev) {
with (ev.editor.dataProcessor.writer) {
setRules("p",  { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h1", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h2", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h3", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h4", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("h5", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("p",{ indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("li", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
setRules("ul", { indent: false, breakAfterOpen: false, breakBeforeClose: false });
}
});

       這些都是常見的HTML標簽,如果經常用其他的標簽請自行增加。