请选择 进入手机版 | 继续访问电脑版
繁体中文

巅峰霸主

 找回密码
 立即注册

QQ登录

只需一步,快速开始

dedecms解决ueditor编辑器内容分页_ueditor_page_break_tag_方法附插件

  [复制链接]
godkings 发表于 2017-1-18 13:12:20 | 显示全部楼层 |阅读模式

游客只能显示部分内容,请登录后查看帖子完整内容!!!注册完全免费。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用的dedecms系统默认编辑器不好用,就更换了百度ueditor编辑器,各方面都挺好的,有一天因为内容太长就使用了一下分页,遗憾的是ueditor的分页功能和dede的分页功能是不一样的,出现分页符的地方都显示成_ueditor_page_break_tag_这样的标记。于似乎分页并不能使用,网上搜索了很多文章都没有一篇是解决这个的,可能是需要使用分页功能的人很少吧,一般情况下也都不需要分页,实在需要的站长不会弄也就改用别的方式了吧,所以也不见解决方法。我琢磨好几天才搞出来,因为我也毕竟只是玩玩儿不是专业的程序员。下面就分享给一下dedecms整合百度ueditor编辑器添加分页的方法。


1. 打开ueditor\ueditor.config.js文件,查找代码:
查找
'insertcode', 'webapp', 'pagebreak', 'template',

替换为:
  1. 'insertcode', 'webapp', 'template',
复制代码

也就是把 'pagebreak',删除

继续查找代码
'print', 'preview', 'searchreplace', 'drafts', 'help'

将其替换为:
  1. 'print', 'preview', 'searchreplace', 'drafts', 'help', '|', 'mypages'
复制代码


2. 打开\ueditor\lang\zh-cn\zh-cn.js文件,查找代码:
'music':'音乐','inserttable':'插入表格','drafts': '从草稿箱加载', 'charts': '图表'

将其替换为:
  1. 'music':'音乐','inserttable':'插入表格','drafts': '从草稿箱加载', 'charts': '图表', 'mypages': '插入分页符'
复制代码

游客,如果您要查看本帖隐藏内容请回复
UE.plugins.rowspacing

在上面代码的前面添加以下代码:
  1. /**
  2. * 插入dede分页符
  3. * 插入文本格式“#p#副标题#e#”
  4. * 2017-1-17 by 烈火大地
  5. */
  6. UE.commands['mypages'] = {
  7.                 execCommand : function() {
  8.                     this.execCommand('insertHtml',"<p>#p#副标题#e#</p>");
  9.                     return true;
  10.                 },
  11.                 queryCommandState : function(){
  12.                 }
  13. };
复制代码

4. 打开\ueditor\ueditor.all.js文件,搜索以下代码:
'deletetable', 'drafts'

将其替换为:
  1. 'deletetable', 'drafts', 'mypages'
复制代码

继续查找代码:
'blockquote', 'pasteplain', 'pagebreak',

将其替换为:
  1. 'blockquote', 'pasteplain',
复制代码



5. 打开\ueditor\themes\default\css\ueditor.css文件查找一下代码:
/* toolbar icons */

方式一:在这段代码的前面一行添加以下代码:
  1. .edui-for-mypages .edui-default .edui-icon {
  2.         width:100%;
  3.         height:100%;
  4.         background: url(../images/dedepage.gif) !important;
  5. }
复制代码

最后将dedepage.gif(图片如下图附件)文件下载保存到\ueditor\themes\default\images文件夹里面。
dedepage.gif
方式二:如果不想自定义分页图片的样式也可以直接使用ueditor默认的分页符样式,也就是将上面的css代码替换成以下代码即可:
  1. .edui-for-mypages .edui-default .edui-icon {
  2.         background-position: -460px -40px;        
  3. }
复制代码

全部保存,更新网站后台缓存,完毕。
备注:我用的Firefox浏览器,更新了好几次后台缓存,ueditor工具栏都没有出现我添加的按钮,很可能你也会遇到,这时候可以清除浏览器缓存和cookies后再测试就好了,也可以换个浏览器看看。

截图出来
111.jpg 112.png 113.png
完美解决dede和ueditor插入分页出现_ueditor_page_break_tag_字样的错误。

插件下载地址(回复本帖下载完整插件和文档)
游客,如果您要查看本帖隐藏内容请回复


全部下载插件,按照说明操作或直接替换均可。选择替换前注意备份文件。
回复

使用道具 举报

不爱吃鱼的猫 发表于 2017-2-25 10:03:08 | 显示全部楼层
下载来看看,不知道是不是真的
回复 支持 反对

使用道具 举报

不爱吃鱼的猫 发表于 2017-2-25 10:06:22 | 显示全部楼层
感谢大神提供插件,这个太牛了,已经按照方法完美实现了,很好很强大,点1万个赞不仅实现了分页功能,而且网址在每个分页上都会不一样,还是静态的,哈哈,利于SEO优化,和官方原版的自带编辑器弄出来的效果一样好,太好了
回复 支持 反对

使用道具 举报

dndzjsy 发表于 2017-3-9 10:19:00 | 显示全部楼层
撒旦撒旦撒旦撒大撒旦撒旦仨的撒打算打算
回复 支持 反对

使用道具 举报

sd10000 发表于 2017-3-29 14:52:52 | 显示全部楼层
为什么我这么喜欢你
回复 支持 反对

使用道具 举报

zx123zx 发表于 2017-3-30 16:43:47 | 显示全部楼层
想知道答案
回复 支持 反对

使用道具 举报

3230196 发表于 2017-4-6 17:28:20 | 显示全部楼层
支持持支持持支持持支持持支持持支持持
回复 支持 反对

使用道具 举报

nikun008 发表于 2017-4-11 22:46:28 | 显示全部楼层
5555555555555555555
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|巅峰霸主 ( 京ICP备12023415号-2 )

声明:本站的任何信息和内容仅代表作者的立场和观点,与巅峰霸主网无关。

禁止在巅峰霸主网发布任何与《中华人民共和国法律》相抵触的言论!

GMT+8, 2018-12-15 02:57 , Processed in 1.250000 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表