dedecms织梦使用百度编辑器实现自动分页方法

织梦CMS 9个月前 (11-23) 26次浏览 已收录 0个评论

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

_ueditor_page_break_tag_

dedecms 织梦使用百度编辑器实现自动分页方法

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


本文版权归湖南 SEO所有丨如需转载请注明文章出处
原文地址:https://www.wangxiaoyou.com/2676.html
喜欢 (0)
[736035566@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址