Javascript TinyMCE正在更改我的内联CSS

Javascript TinyMCE正在更改我的内联CSS,javascript,css,tinymce,Javascript,Css,Tinymce,我在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); borde

我在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设置?但我已经有了清理:错。想法


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

尝试将
验证html
设置为false


Doc:

当我在TinyMCE上遇到太多问题时,我会尝试创建其他替代方案。正确的方法是在css中创建一个类

而不是:

<p style="border:1px solid #edede4;border-top:none"></p>
不幸的是,你正在做一个时事通讯,所以你需要内联。在这个场景中,我没有用我上面声明的类在每个“p”之前创建“style”标记。你可以试着看看它是否有效


如果它不起作用,我会尝试使用“内联样式:true”。

有时内联样式是必需的,就像这个项目一样。
在本例中,我只是逐段插入html代码。而不是插入:

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

我是这样做的:

<p style=

"border:1px solid #edede4;border-top:none

"></p>


这并不完美,但它适用于这种情况,因为我不想更改任何TinyMCE设置。TinyMCE也不会将其识别为样式代码。

@anon,如果您将代码放在新行并在其前面加上4个空格,它将作为stackoverflow上的代码块呈现。这样,您就不需要在单引号中添加。内联样式(“内联CSS”在这里用词不当)这是一个非常糟糕的实践,而不是现代Web DEV的潮流——建议你考虑重构样式表,而不是任何一个编辑新闻稿的TyMyCE SooRead,专家们说内联CSS是走的路。无论如何,这超出了我的控制范围。超出了你的控制范围,但是这些专家是谁?我认为你不必担心。关于编辑器显示的内容。提交表单时,标记在到达服务器端后是否干净?将inline_样式设置为true或false没有任何区别。问题仍然存在:(请尝试上面列出的其他属性将verify_html设置为false没有帮助。)(
<p style="border:1px solid #edede4;border-top:none"></p>
<p style=

"border:1px solid #edede4;border-top:none

"></p>