在我們使用織夢(mèng)CKEditor編輯文章的時(shí)候,點(diǎn)?擊源碼后會(huì)發(fā)現(xiàn)<p></p>
之間出現(xiàn)換行空格和自動(dòng)縮進(jìn)的情況,對(duì)于有強(qiáng)迫癥的人來(lái)說(shuō)非常討厭。
對(duì)代碼進(jìn)行必要的壓縮才能在打開頁(yè)面速度上有提升,修改CKEditor編輯器的設(shè)定檔就可以解決這個(gè)問(wèn)題。
通過(guò)百度不懈的搜索終于找到解決辦法
在網(wǎng)站根目錄下找到include/ckeditor/config.js,找到以下代碼:
config.autoParagraph = false; config.enterMode = CKEDITOR.ENTER_P; config.shiftEnterMode = CKEDITOR.ENTER_BP; };
在上面代碼的后面加上:
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("div",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("table",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("tr",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("td",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("iframe",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("li",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("ul",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); setRules("ol",{indent:false,breakAfterOpen:false,breakBeforeClose:false}); } });
保存后清除瀏覽器cookie,這樣就解決了上面<p>
出現(xiàn)的問(wèn)題,如下圖:
添加代碼部分說(shuō)明:
indent(是否加入空白 TAB) breakBeforeOpen(插入起始原始碼標(biāo)簽之前是否斷行) breakAfterOpen(插入起始原始碼標(biāo)簽之后是否斷行) breakBeforeClose(插入結(jié)尾原始碼標(biāo)簽之前是否斷行) breakAfterClose(插入結(jié)尾原始碼標(biāo)簽之后是否斷行) false(否) true(是)