TinyMCE正在改变我的内联CSS

6 javascript css tinymce

我在HTML编辑器中输入:

<p style="border:1px solid #edede4;border-top:none"></p>
Run Code Online (Sandbox Code Playgroud)

我单击更新,然后再次单击html编辑器.HTML(在Firefox中)已更改为:

<p style="border-style: none solid solid; border-color: -moz-use-text-color rgb(237, 237, 228) rgb(237, 237, 228); border-width: medium 1px 1px;" mce_style="border:1px solid #edede4;border-top:none"><br></p>
Run Code Online (Sandbox Code Playgroud)

如果我在Internet Explorer中执行相同的操作,则HTML将更改为:

<P style="BORDER-RIGHT: #edede4 1px solid; BORDER-TOP: medium none; BORDER-LEFT: #edede4 1px solid; BORDER-BOTTOM: #edede4 1px solid" mce_style="border:1px solid #edede4;border-top:none">&nbsp;</P>
Run Code Online (Sandbox Code Playgroud)

为什么世界会改变它?也许我可以改变一些TinyMCE设置?但我已经清理过了:假.想法?

如果我启用清理,我提到的更改不会发生.但是,TinyMCE改变了很多其他的东西.我不希望它弄乱我的代码:(任何帮助将不胜感激.

Jos*_*ola 1

尝试设置verify_html为 false。

文档:TinyMCE 配置/verify_html