代理加盟 2020全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 織夢大學 > 使用教程 >

DedeCMS編輯器ckeditor去除標簽回車

來源:本站原創 發布時間:2019-03-30 00:00:00熱度:我要評論(0

免費下載,無需注冊無需充值

       秀站網做網站講究代碼的精簡,一些多余、冗余的空格、回車盡可能地刪除,代碼更簡潔讓網站速度更快。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標簽,如果經常用其他的標簽請自行增加。

轉載請注明來源網址:http://www.yxrxyy.live/dedecms_jq/1338.html

    發表評論

    評論列表(條)

      北京28是什么彩票