百度UEditor编辑器源代码编辑模式用CSS会被转义，有解决方法吗

Posted 2023-04-24

参考技术A 最新的ueditor已经不存在这个问题。demo：UEditor-示例请不要再评论此答案，谢谢。以下文字编辑于2013-08-17：不同意前面两人的观点，ueditor对style进行编码是一种非常多余的行为。既然编辑器提供了html编辑方式，毫无疑问这个功能是给懂html的人提供的。富文本编辑器一般都可以写标签内样式，所以普通用户也可以通过html模式让页面乱掉，和提不提供自定义css没关系。还有说防止注入的。前端做不了安全，要安全只能靠后端实现。所以这个不成立。但是他最后一句我还是非常赞同的，如果有精力可以专门制定一套样式，在编辑文章的时候直接设置class就行，便于风格一致。我以前用php写过博客，也是用的ueditor。刚刚试了一下，里面的ueditor可以插入style而不会被转移。因为ueditor的config里面没有版本信息，我不知道那是什么版本。我写那套程序是12年初，到现在已经一年半了，所以那是个比较老的版本。不过功能貌似都正常，如果你要可以私信我。-----------------------------继续说。刚刚想了想，其实这个功能在一定程度上可以起到安全作用，可以阻止那些html入门者搞破坏，但是如果一个对js熟悉的人想要在页面插入cssjs，前端是阻止不了的。ueditor的config里面也提供了blacklist，可以过滤掉标签。所以把style内容编码成url编码相当奇怪，不知道谁可以有一个合理的解释。-----------------------------言归正传，因为我发现提问者很没耐心。OK，说说解决方法。这种编码是通过encodeURIComponent()方法实现的。那么就改它的源代码，去掉源文件中编码style标签内容的代码。打开ueditor.all.min.js或者ueditor.all.js，搜索encodeURIComponent，可以找到四个结果。其中有一处是：case"style":case"script":node.setAttr(cdata_tag:node.tagName,cdata_data:encodeURIComponent(node.innerText()||""));node.tagName="div";node.removeChild(node.firstChild());break;删除case'style':就行。如果你还想插入script，就删掉全部。 参考技术B 加上！important覆盖掉百度的css样式

去掉百度编辑器ueditor自动生成的p标签

我知道很繁琐，只是不知道有没有人去解决过，在百度没有搜到答案，求大神解答。去掉自动添加的P BR 标签

百度的Ueditor编辑器出于安全xìng考虑，用户在html模式下粘贴进去的html文档会自动被去除样式和转义。虽然安全的，但是非常不方便。
做一下修改把这个功能去掉。
一、打开ueditor.all.js
二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制，把下面的
'allowDivTransToP':true

值改成false。为true的时候会自动把div转成p。
三、大概9429行，有个case 'li'，这个是把li里面的样式去掉，把这个case注释掉。
四、大概14058行，下面的第一个utils.each功能注释掉，这个是自动给li里面的内容增加一个p。
五、大概14220行，
node.className = utils.trim(node.className.replace(/list-paddingleft-\w+/,'')) + ' list-paddingleft-' + type;

注释掉，这个是自动给ul增加一个内置的样式。
下面的14222行
li.style.cssText && (li.style.cssText = '');

注释掉，这个是自动去除粘贴进去的代码的li的style样式

至此，我们粘贴进去的html格式的ul和li就不会被转义了。

更多 参考技术A 这尼玛文不对题 参考技术B 为什么要去掉呢，本身就是所见即所得啊追问

我说的是自动生成的 我要编辑的是html静态页面 不能多出乱七八糟的标签