织梦百度编辑器自动分页教程_织梦CMS教程_网络技术

织梦百度编辑器自动分页教程_织梦CMS教程

栏目：网络技术发布时间：2018-06-07

　DedeCMS整合功能强大的百度editor编辑器，特别是增加了百度、谷歌地图、多图上传等功能，对图片站需要处理大量图片非常好用，但是内容页的分页却差强人意

　　DedeCMS整合功能强大的百度editor编辑器，特别是增加了百度、谷歌地图、多图上传等功能，对图片站需要处理大量图片非常好用，但是内容页的分页却差强人意，如果你点击分页按钮，生成的确是

　　_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_');

　　把织梦默认的分隔符替换掉_ueditor_page_break_tag_ ，测试过没有问题，比起第一种办法是不是更简单呢？