欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

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

相关案例演示

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_ ,测试过没有问题,比起第一种办法是不是更简单呢?

作者:欣怡建站 挑错 时间:2020-01-13 13:23
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服