tinymce - 在 TinyMCE 中应用 css

Question

我正在 TinyMCE 富文本编辑器中实现 ForeColor。

它使用样式将前景色应用到选定的文本，就像这样

<span style="color: rgb(255, 0, 0);" mce_style="color: #ff0000;">Hello</span>.

我想在这里应用 css 类而不是“样式”。如何在这里应用 css 类？这些 Css 类包含颜色代码。

例子:

<span class="colorRed">Hello</span>

我的 CSS 类

.colorRed
{
color: #ff0000;
}

谢谢你

Answer 1

因为您希望将 css 应用于 tinymces 编辑器内容，所以您需要将您的类添加到编辑器内容样式的类中。

如果您在初始化 tinymce(init-function)时没有使用用户定义的 content_css 文件，则将根据您在 init 函数中设置的主题使用 content_css 文件(使用的文件可在文件夹主题的子文件夹中找到) .

我建议您创建一个自己的 content.css，您可以使用 init 函数中的 content_css 设置加载它。见 this link用于此的tinymce文档。第一步，您可以从主题目录中复制一个 content.css 并对其进行修改。