雷火电竞-中国电竞赛事及体育赛事平台

代理加盟

2023全新代理計劃,一站式模板建站,銅牌代理低至699元送終身VIP,獨立代理后臺,自營貼牌。

您現(xiàn)在的位置: 麥站網(wǎng) > 站長學院 > 建站教程 >

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

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

麥站模板建站平臺(10年經(jīng)驗),服務數(shù)萬家企業(yè),固定透明報價。域名注冊、主機/服務器、網(wǎng)站源碼一站式服務。實體公司,專業(yè)團隊,值得選擇!超過1000套模板已登記版權,合規(guī)合法建站,規(guī)避版權風險!【點擊獲取方案】

        當我們使用DedeCMS v7.5 sp2版本默認的是CKEditor,編輯內會產(chǎn)生換行符號 /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,這樣編輯器產(chǎn)生的原碼,就會不斷行的輸出。上面的代碼完全沒有斷行,或許在用源碼編輯的時候檢查比較麻煩,建議一個HTML標簽后斷行,每個標簽就是一行,清晰得多。如下

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

參數(shù)說明

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

    轉載請注明來源網(wǎng)址:http://m.jygsgssxh.com/news/1318.html

    發(fā)表評論

    評論列表(條)

       
      QQ在線咨詢
      VIP限時特惠