zoukankan      html  css  js  c++  java
  • DedeCMS百度编辑器分页符ueditor_page_break_tag

    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的属性就都出来了

  • 相关阅读:
    现代软件工程 第一周博客作业
    现代软件工程 课题初步调研 在线即时评教系统
    php判断网页是否gzip压缩
    采集练习(五) php 获得chrome扩展 微度新标签页 下的云壁纸(主要是美女壁纸)
    <raspberry pi> raspberry pi 设置wlan 静态ip
    采集练习(三) php 采集当当网图书的数据(初版)
    采集练习(六) python获得chrome扩展 微度新标签页 下的云壁纸
    采集练习(七) php 获得电视节目预告(一周节目)
    采集练习(八) php 获得网易精彩跟贴数据
    采集练习(四) python 获得hao123导航图片分类下的美女图片
  • 原文地址:https://www.cnblogs.com/surplus/p/13196548.html
Copyright © 2011-2022 走看看