秀站網(wǎng)做網(wǎng)站講究代碼的精簡,一些多余、冗余的空格、回車盡可能地刪除,代碼更簡潔讓網(wǎng)站速度更快。DedeCMS默認(rèn)的ckeditor處理得還不夠好,當(dāng)然你可以替換成百度編輯器,但CKeditor更精簡些。
ckeditor編輯器屬于富媒體編輯器,編輯文章時可以插入文字、圖片、flash、表格等,如果需要增加百度、谷歌地圖建議用百度編輯器。下面總結(jié)ckeditor編輯器存在的兩個問題:
回車<br>換成<p>;
這個是英文編輯的問題,國外都喜歡用<br>換行,但國內(nèi)的一般喜歡用<p>標(biāo)簽,這沒有什么優(yōu)勢或利于優(yōu)化的說法,只是多數(shù)站長的習(xí)慣,另外盡量在正文文字標(biāo)簽都統(tǒng)一用<p><h>兩種標(biāo)簽,這樣便于統(tǒng)一寫樣式,而不寫行內(nèi)樣式(加粗、加顏色除外)。如
<p style="font-size:12px;margin-top:10px;">
源代碼最好是
<h4>這是子標(biāo)題</h4> <p>這是文字內(nèi)容</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;
標(biāo)簽會自動回車如
<p> 這是內(nèi)容</p>
修改成
<p>這是內(nèi)容</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標(biāo)簽,如果經(jīng)常用其他的標(biāo)簽請自行增加。