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

最新的 ueditor 已经不存在这个问题。demo:UEditor - 示例请不要再评论此答案,谢谢。以下文字编辑于2013-08-17:不同意前面两人的观点,ueditor对style进行编码是一种非常多余的行为。既然编辑器提供了html编辑方式,毫无疑问这个功能是给懂html的人提供的。富文本编辑器一般都可以写标签内样式,所以普通用户也可以通过html模式让页面乱掉,和提不提供自定义css没关系。还有说防止注入的。前端做不了安全,要安全只能靠后端实现。所以这个不成立。但是他最后一句我还是非常赞同的,如果有精力可以专门制定一套样式,在编辑文章的时候直接设置class就行,便于风格一致。我以前用php写过博客,也是用的ueditor。刚刚试了一下,里面的ueditor可以插入style而不会被转移。因为ueditor的config里面没有版本信息,我不知道那是什么版本。我写那套程序是12年初,到现在已经一年半了,所以那是个比较老的版本。不过功能貌似都正常,如果你要可以私信我。-----------------------------继续说。刚刚想了想,其实这个功能在一定程度上可以起到安全作用,可以阻止那些html入门者搞破坏,但是如果一个对js熟悉的人想要在页面插入css js,前端是阻止不了的。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 \u0026#39;style\u0026#39;:就行。如果你还想插入script,就删掉全部。
■网友
删除掉switch里面的内容之后\u0026lt;style\u0026gt;\u0026lt;/style\u0026gt;里面的内容依旧被encodeURIComponent给转了
■网友
怎么找不到 你说的那些行呢~
■网友
我 我 我


    推荐阅读