TinyMCE正在删除<style>标签

我正面临TinyMCE的问题。 当我在TinyMCE的HTML编辑器中input一个样式标签时,它会在点击更新时删除标签。

<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> 

任何人都可以帮忙吗?

由于样式标签不是有效的XHTML,因此TinyMCE禁止在标签之外添加它们。

你必须添加样式标签到有效的儿童configuration

 valid_children : "+body[style]" 

编辑:此解决scheme适用于版本3.4.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]" 

让我知道这对你有用

如果将tinyMCE放在整页模式下,可以将样式放在<head>

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

这有点不好意思,但我使用的是TinyMCE 4,所以我在TinyMCE编辑器的源代码视图中添加了一个<script>标记,并使用jQuery来更改样式 。

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

这假设TinyMCE已经设置为不允许脚本标记,并且您的页面已经包含了jQuery,就像我之前做的那样,如果不是的话,您可以使用标准的JavaScript来改变样式 。