zoukankan      html  css  js  c++  java
  • ueditor编辑器显示style标签样式

    在使用ueditor编辑器中,想保存style标签的样式需要对js配置文件进行修改。官方为了安全考虑,默认会将style标签转为DIV标签,导致样式不能显示出对应的效果。

    基于1.4.3版本修改如下

    1.找到ueditor.config.js文件

    // 将下面3个参数值改为false
    
    // xss 过滤是否开启,inserthtml等操作
    ,xssFilterRules: false
    
    //input xss过滤
    ,inputXssFilter: false
    
    //output xss过滤
    ,outputXssFilter: false

    2.确定页面引入的是 ueditor.all.min.js  还是 ueditor.all.js ,并修改:

    // 找到allowDivTransToP参数,这个参数会将DIV标签转为P标签,设置为false
    me.setOpt(
      {
        
    'allowDivTransToP':false,
        'disabledTableInTable':true
      }
    );
    // 找到addInputRule方法,并将switch case 中的case style:删除
    me.addInputRule(function (root) {
            ...
            //进行默认的处理
            root.traversal(function (node) {
                if (node.type == 'element') {
                   ...
                    switch (node.tagName) {
                        case 'style': // 删除这项
                        case 'script':
                        ....
                    }
                }
            }
        })

    3. 刷新文件,重新设置即可

  • 相关阅读:
    kafka 启动停止
    kafka消息长度限制
    python给回调函数传参数
    Promise封装setTimeout
    Twisted 基础
    kafka-eagle
    go安装
    python asyncio
    ajv参数验证
    sequlizejs学习笔记整理
  • 原文地址:https://www.cnblogs.com/cqingt/p/8085101.html
Copyright © 2011-2022 走看看