在TinyMCE中应用css

SAK*_*SAK 7 tinymce

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

它使用样式将forecolor应用于所选文本,如下所示

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

我想在这里应用css类而不是"style"..如何在这里应用css类?这些Css类包含ColorCodes.

例:

<span class="colorRed">Hello</span>
Run Code Online (Sandbox Code Playgroud)

我的CSS课程

.colorRed
{
color: #ff0000;
}
Run Code Online (Sandbox Code Playgroud)

谢谢

Tha*_*ama 9

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

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

我建议你创建一个自己的content.css,你可以使用init函数中的content_css设置加载它.有关此问题,请参阅此链接以获取tinymce文档.第一步,您可以从themes目录中复制一个content.css并进行修改.