TinyMCE удаляет теги <style>

У меня проблема с TinyMCE. Когда я ввожу тег стиля в HTML-редактор TinyMCE, он удаляет теги при щелчке по обновлению.

<style type="text/css"> 
     .newclasss { color:#c9c9c9; } 
</style>

Мои действительные элементы:

<script type="text/javascript">

var valid_elms = "hr[class|width|size|noshade]";
valid_elms    += "span[class|align|style],";
valid_elms    += "font[face|size|color|style],";
valid_elms    += "img[href|src|name|title|onclick|align|alt|title|";
valid_elms    += "width|height|vspace|hspace],";
valid_elms    += "iframe[id|class|width|size|noshade|src|height|";
valid_elms    += "frameborder|border|marginwidth|marginheight|";
valid_elms    += "target|scrolling|allowtransparency],style";

extended_valid_elements: valid_elms
</script>

Может ли кто-нибудь помочь?

Ответы

Ответ 1

Так как теги стиля недействительны XHTML, TinyMCE отключил возможность добавлять их вне тегов.

Вы должны добавить теги стиля в правильную конфигурацию детей

valid_children : "+body[style]"

Изменить: это решение относится к версии 3.4.2

Источник

Ответ 2

"hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],img[href|src|name|title|onclick|align|alt|title|width|height|vspace|hspace],iframe[id|class|width|size|noshade|src|height|frameborder|border|marginwidth|marginheight|target|scrolling|allowtransparency],style[type]"

Сообщите мне, как это работает для вас.

Ответ 3

Если вы поместите tinyMCE в полноэкранном режиме, вы можете поместить стили в <head>

<script type="text/javascript">
tinyMCE.init({
        plugins : "fullpage",
});
</script>

Ответ 4

Немного взломанный, но я использую TinyMCE 4 и был в крайнем случае, поэтому я добавил тег <script> в редакторе TinyMCE Исходный код и использовал jQuery, чтобы изменить стили.

<script>$("#signup").css("font-weight", "bold");</script>

Предполагается, что TinyMCE настроен не для запрещения тегов script, и на вашей странице уже включен jQuery, как и в моем случае, если бы вы не могли использовать стандартный javascript для изменения стилей.

Ответ 5

Для меня мне нужно сделать следующее в TinyMCE 4.5.7:

tinyMCE.schema.addValidChildren("body[style]")