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

您現在的位置: 秀站網 > 站長學院 > 建站教程 >

CKEditor去除HTML元素自動換行代碼

來源:未知 發布時間:2019-03-30熱度:我要評論
當我們使用DedeCMS v7.5 sp2版本默認的是CKEditor,編輯內會產生換行符號 /n ,比如輸入p標簽,源代碼會變成 p Hallo World!/p 對代碼進行必要的壓縮才能在打開頁面速度上有提升,修改CKEditor編輯器的設定檔就可以解決這個問題。 打開下列目錄/include/ckeditor/confi...

織夢模板免費下載,無需注冊無需充值

        當我們使用DedeCMS v7.5 sp2版本默認的是CKEditor,編輯內會產生換行符號 /n ,比如輸入<p>標簽,源代碼會變成

<p>
    Hallo World!</p>

        對代碼進行必要的壓縮才能在打開頁面速度上有提升,修改CKEditor編輯器的設定檔就可以解決這個問題。

        打開下列目錄/include/ckeditor/config.js,找到如下代碼

config.autoParagraph = false;
    config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P; 
};

        在尾端加上代碼

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

        保存后記得清除瀏覽器cookie,這樣編輯器產生的原碼,就會不斷行的輸出。上面的代碼完全沒有斷行,或許在用源碼編輯的時候檢查比較麻煩,建議一個HTML標簽后斷行,每個標簽就是一行,清晰得多。如下

<p>文字行</p>
<p>文字行</p>
<img src="1.jpg"/>

參數說明

indent  (是否加入空白 TAB)
breakBeforeOpen (插入起始原始碼標簽之前是否斷行)
breakAfterOpen (插入起始原始碼標簽之后是否斷行)
breakBeforeClose (插入結尾原始碼標簽之前是否斷行)
breakAfterClose (插入結尾原始碼標簽之后是否斷行)
false(否)
true(是)

本文地址:http://www.alolpiu.com.cn/news/1318.html

責任編輯:秀站網

    發表評論

    評論列表(條)

      新时时彩中奖怎么查