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標簽,如果經常用其他的標簽請自行增加。
為您推薦
- 襯塑管網站建設_網頁定制制作與開發 2020-01-12
- 保溫管網站建設_網頁定制制作與開發 2020-01-12
- 玻璃管網站建設_網頁定制制作與開發 2020-01-12
- 鍍鋅方矩管網站建設_網頁定制制作與 2020-01-12
- PVC管材網站建設_網頁定制制作與開發 2020-01-12