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.

Документ: Конфигурация TinyMCE / 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;
}

К сожалению, вы делаете информационный бюллетень, поэтому вам нужен встроенный. Я не тестировал создание тегов "style" перед каждым "p" в этом сценарии с классом, который я объявил выше. Вы можете попытаться проверить, работает ли он.

Если это не сработает, я бы попытался использовать "inline_styles: true".