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的屬性就都出來了