javascript - TinyMCE 正在改变我的内联 CSS

Question

我在 HTML 编辑器中输入:

<p style="border:1px solid #edede4;border-top:none"></p>

我点击更新，然后再次点击 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>

如果我在 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>

为什么世界会发生变化？也许我可以更改一些 TinyMCE 设置？但我已经清理了:false。想法？

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

Answer 1

尝试将 verify_html 设置为 false。

文档:TinyMCE Configuration/verify_html