Ueditor编辑器 自动过滤Style内联样式问题

一、修改ueditor.all.js 文件

  • 1 、修改allowDivTransToP属性为false
UE.plugins[‘defaultfilter‘] = function () {
    var me = this;
    me.setOpt({
        ‘allowDivTransToP‘:false,
        ‘disabledTableInTable‘:true
    });
  • 2、修改过滤规则

将 case style 与script 注释掉

        root.traversal(function (node) {
            if (node.type == ‘element‘) {
                if (!dtd.$cdata[node.tagName] && me.options.autoClearEmptyNode && dtd.$inline[node.tagName] && !dtd.$empty[node.tagName] && (!node.attrs || utils.isEmptyObject(node.attrs))) {
                    if (!node.firstChild()) node.parentNode.removeChild(node);
                    else if (node.tagName == ‘span‘ && (!node.attrs || utils.isEmptyObject(node.attrs))) {
                        node.parentNode.removeChild(node, true)
                    }
                    return;
                }
                switch (node.tagName) {
//                    case ‘style‘:
//                    case ‘script‘:
//                        node.setAttr({
//                            cdata_tag: node.tagName,
//                            cdata_data: (node.innerHTML() || ‘‘),
//                            ‘_ue_custom_node_‘:‘true‘
//                        });
//                        node.tagName = ‘div‘;
//                        node.innerHTML(‘‘);
//                        break;

二、修改ueditor.config.js

以下三项配置全部改为false

    // xss 过滤是否开启,inserthtml等操作
        ,xssFilterRules: false
        //input xss过滤
        ,inputXssFilter: false
        //output xss过滤
        ,outputXssFilter: false

原文地址:https://blog.51cto.com/55757353/2416544

时间: 2024-10-08 20:04:47

Ueditor编辑器 自动过滤Style内联样式问题的相关文章

Vue.js style(内联样式)

Vue.js style(内联样式) 我们可以在 v-bind:style 直接设置样式: <div id="app"> <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">Hello word!</div> </div>

如何修改element.style内联样式;

我们在写前面 web页面样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了. 其实element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,这种方法相当不好.但是有些时候,我们在使用第三方js文件时,会遇到.哪么我们如何去修改它呢,在才源代码中   用!important 语法优先权来实现我们想要的效果. 举个例子: 默

v-bind指令动态绑定内联样式(style)

数据绑定(v-bind指令)另一个常见需求是操作元素的内联样式.因为它是属性,我们可以用 v-bind 处理它们我们只需要计算出表达式最终的字符串.不过,字符串拼接麻烦又易错.因此,在v-bind 用于 style 时,Vue.js 专门增强了它.表达式的结果类型除了字符串之外,还可以是对象或数组. 对象语法 v-bind:style 的对象语法十分直观--看着非常像 CSS ,其实它是一个 JavaScript 对象. CSS 属性名可以用驼峰式(camelCase)或短横分隔命名(kebab

CSS的内联样式和外链样式简单介绍

CSS的内联样式和外链样式简单介绍:关于标题中的概念可能很多朋友根本就有在意过,或者没有特别的注意,但并不说明他们就没有使用对应的方式设置样式,但是能够明白各自的代表那种方式总比不明白的好,下面就介绍一下它们各自的概念.一.内联样式:所谓的内联样式就是直接写在标签内部的样式,代码如下: <div style="color:red">蚂蚁部落</div> 以上代码可以将字体颜色设置为红色.二.外链样式表:外链样式表就是通过在网页头部利用link标签引用一个单独的c

javascript 获取内联样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s

JS获取内联样式

JS获取内联样式 //获取内联样式 function getCss(obj,attr){//obj:对象,name:style属性 if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return document.defaultView.getComputedStyle(obj,null)[attr]; } } 大家都知道,用document.getElementById(‘element').style.xxx可以获取

脚本化内联样式

HTML中引入CSS样式的方式有三种: 1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:<link href="css/style.css" rel="stylesheet" type="text/css">2.在Html头部用<style></style>包起来,在这里面编写样式:<style type="text/css">*{padding: 0;margin:

CSS:外部样式表/内部样式表/内联样式

在html中,引用CSS样式有3中方式:外部样式表,内部样式表,内联样式. 本文代码整理自w3school:http://www.w3school.com.cn (1)外部样式表,指在html文件的head标签中,使用link引用另一个css文件中定义的样式.如果某个样式表需要被使用许多次,使用外部样式表是最好的选择. html文件: <html> <meta http-equiv="Content-Type" content="text/html; cha