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設置？ 但我已經清理過了：假。 想法？

如果我啟用清理，我提到的更改不會發生。 但是，TinyMCE改變了很多其他的東西。 我不希望它弄亂我的代碼:(任何幫助將不勝感激。

Answer 1

有時內聯樣式是必需的，就像這個項目的情況一樣。
在這種情況下，我只是逐個插入HTML代碼。 而不是插入：

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

我做了這樣的事情：

<p style=

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

"></p>

它並不完美，但它適用於這種情況，因為我不想改變任何TinyMCE設置。 並且它不會被TinyMCE識別為樣式代碼。

Answer 2

嘗試將verify_html設置為false。

Doc： TinyMCE Con​​figuration / verify_html

Answer 3

當我對TinyMCE有太多麻煩時，我只是嘗試創建其他替代方案。 “正確”的方法是在你的CSS中創建一個類。

代替：

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

使用：

<p class="p_border"></p>

並在你的CSS中聲明：

.p_border {
    border:1px solid #edede4;
    border-top:none;
}

不幸的是，你正在做一份時事通訊，所以你需要內聯。 我沒有測試在這個場景中每個“p”之前使用上面聲明的類創建“樣式”標簽。 你可以試着看看它是否有效。

如果它不起作用，我會嘗試使用“inline_styles：true”。