DedeCMS百度編輯器分頁符ueditor_page_break_tag


DedeCMS整合功能強大的百度editor編輯器,特別是增加了百度、谷歌地圖、多圖上傳等功能,前面寫過一篇《DedeCMS集成百度編輯器七牛完美修正版》,對圖片站需要處理大量圖片非常好用,但是內容頁的分頁卻差強人意,如果你點擊分頁按鈕,生成的確是

_ueditor_page_break_tag_

 

       這個是不能被DedeCMS自動分頁的,有兩種方法,一種是把上面的字段修改,一種重新用新按鈕。下面為避免錯誤,保留原來的分頁功能,第一種辦法來自網上整理。

第一種修改方法

打開/include/ueditor/ueditor.config.js,找到

'insertcode', 'webapp', 'pagebreak', 'template',

       替換為

'insertcode', 'webapp', 'pagebreak','mybreak','template',

打開/include/ueditor/lang/zh-cn/zh-cn.js文件,找到

'pagebreak':'分頁',

       替換為

'pagebreak':'分頁','mybreak':'dede分頁',

打開/include/ueditor/ueditor.all.min.js文件,搜索以下代碼:

UE.plugins.rowspacing

       在前面增加代碼,下面的橙色分割符請自行修改成DedeCMS默認的分隔符(a改成p,b改成e),本貼會被自動轉化該分隔符。

/** * 插入DedeCMS默認分頁符 */UE.commands['mybreak']={execCommand : function(){this.execCommand('insertHtml',"<p>#a#副標題#b#</p>");return true;},queryCommandState : function(){}};

打開/include/ueditor/ueditor.all.js文件,找到

'pagebreak',

       替換為

'pagebreak','mybreak',

打開/include/ueditor/themes/default/css/ueditor.css文件查找一下代碼:

/* toolbar icons */

       在這段代碼的前面一行添加以下代碼

.edui-for-mypages .edui-default .edui-icon {        background-position: -460px -40px;        }

       更新緩存即可,但經常出現看不到添加的按鈕,可清楚瀏覽器緩存和cookie,不行換個瀏覽器也行,點擊該按鈕后是不是彈出的DedeCMS默認的分頁符了呢。

第二種修改辦法(推薦)

       打開/include/ueditor/ueditor.all.js,找到

me.setOpt('pageBreakTag','_ueditor_page_break_tag_');

       把織夢默認的分隔符#p#分頁標題#e#替換掉_ueditor_page_break_tag_ ,測試過沒有問題,比起第一種辦法是不是更簡單呢?

 

做分頁編輯的時候分頁符_ueditor_page_break_tag_被解析成<hr>而正常應該為<hr class="pagebreak" noshade="noshade" size="5" >,里面的標簽屬性都沒過濾掉了,找了半天原因,后來才發現有個配置文件配置了標簽的屬性,沒有配置屬性的就被過濾掉了(1.4.3.3版本)

 

ueditor.config.js文件搜索hr

 

 

hr: []

 

改為

 

hr:     ['class', 'style','noshade','size'],

再編輯的時候hr的屬性就都出來了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM