css在TinyMCE中的应用

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

它使用样式将前景色应用于选定的文本，如下所示

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

---

谢谢你

因为你想把你的css应用到tinymces编辑器的内容中，你需要把你的类添加到你的编辑器内容的样式中

如果在初始化tinymce（init函数）时未使用用户定义的content_css文件，则将根据在init函数中设置的主题使用content_css文件（使用的文件位于文件夹主题的子文件夹中）

---

我建议您创建一个自己的content.css，使用init函数中的content\u css设置加载它。有关此信息，请参阅tinymce文档。第一步，您可以从主题目录复制一个content.css并对其进行修改。

搜索content\u css属性并在添加“，”后添加css文件相对路径（即：myLibFolder/myCss.css）

---

感谢您的回复。我刚刚将content.css中的内容复制到一个新的css文件中，并包含了我的颜色代码。。然后我在tiny_mce_src.js文件中将content_css:“/mycontent.css”包含到tincyMCE init函数中。我是否正确地遵循了说明？我没有得到预期的输出！！您可以使用firebug查看tinymce编辑iframes头部，以验证它是否占用了您的css文件。如果你不确定你的css文件是否存在，请尝试一个包含你的css的URL：“content_css:”。你也可以发布一个指向网站位置的链接（如果有的话），这样我就可以在mycontent.css中查看它在哪里应用20种颜色？它在这里吗？body，td，pre{}？如果你正在使用标签，你可以添加[init]=“{height:'300'}”这可能有助于其他人使用更新版本的angular。（例如）

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

.colorRed
{
color: #ff0000;
}

$('textarea.tinymce').tinymce({
                    // 
                    //
                    //....
                    ,
                    content_css: "css/content.css,myLibFolder/myCss.css"  
                    ,
                     //


});