javascript - 在 TinyMCE 中使用 <style> 标签

标签 javascript html css tinymce

我正在尝试在 <style> 中添加 css在 TinyMCE 编辑器中添加标签,但是当我验证 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 : \'*[*]\',

我做错了什么吗?

最佳答案

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

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

关于javascript - 在 TinyMCE 中使用 &lt;style&gt; 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21600423/

相关文章:

Javascript - 检测刷新 - onload 和 onunload - 你能同时使用它们来检测刷新吗?

html - CSS 垂直对齐 :middle but not middle

css - 固定 td 高度 CSS

jquery - fabricjs Canvas 中文本的渐变/斜 Angular 效果

html - 声明 DOCTYPE 时全屏 div 消失

javascript - 如何让JavaScript点击某个位置?

javascript - 新创建元素上的事件处理程序

javascript - 通过单选按钮状态设置 HTML 元素可见性

javascript - Node.js 说它不能加载 sqlite3 模块,但无论如何

html - 如何将链接放置在div高度的中间?