Question

我正在尝试在TinyMCE编辑器中的<style>标记中添加css但是当我验证HTML更改时，TinyMCE会自动将我的CSS放在注释之间。

例如：

如果我输入

<style>
h3{
   font-size:50px;
}
</style>
<h3>Hello</h3>

TinyMCE转换为：

<style>
h3{<!--
   font-size:50px;-->
}
</style>
<h3>Hello</h3>

在我设置的设置中：

extended_valid_elements: "pre[*],script[*],style[*]",
valid_children: \'+body[style|script],pre[script|div|p|br|span|img|style|h1|h2|h3|h4|h5],*[*]\',
valid_elements : \'*[*]\',

我做错了吗？

Answer 1

此帖子的最后一张海报（http://www.tinymce.com/forum/viewtopic.php?id=25443）写道：

TinyMCE生成XHTML，我们将样式内容包装在注释中使任何XML解析器都无法解析所有浏览器的内容支持注释语法。 --Spocke

所以答案是不，这不能改变，因为微小的mce不仅宣誓生成有效的 HTML ，而且还必须生成有效（呃） XHTML 。既然他们说all browsers support the comment syntax那么它对你来说应该不是一个问题。

Answer 2

如果您将tinyMCE置于全页模式，则可以将样式放在<head>中。它不会将注释节点放在那里。

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

在TinyMCE中使用<style>标签</style>

2 个答案: