TinyMCE 4 种自定义样式

【问题标题】：TinyMCE 4 custom stylesTinyMCE 4 种自定义样式
【发布时间】：2014-06-05 02:55:32
【问题描述】：

我的问题是我需要将自定义 css 应用到 tinyMCE，但他们只是不被接受。我也尝试过替换默认样式，但它仍然从其他地方加载它们。

根据他们的文档，我可以使用“content_css”来应用我的自定义样式，但这也不起作用。

有什么想法可以应用这些样式吗？

这是我的配置：

$(".type").tinymce({
    plugins : 'advlist autolink link lists',
    theme: "modern",
    skin: 'test',
    content_css:"/static/js/general/tinymce/skins/test/custom.css",
    inline:true,
    menubar:false,
});

【问题讨论】：

content_css 是这样，我确信它有效。确保您的 css 文件路径正确，并尝试清除缓存/点击刷新按钮。
您可能想尝试使用 css 文件的绝对路径
我注意到一个有趣的事情是它缓存在某处或远程加载样式，因为我已经格式化了 css，但它仍然有缩小版，我什至尝试删除它但它仍然找到它

标签： javascript css tinymce

【解决方案1】：

我发现在 init 上使用 skin 属性通过那里加载的皮肤 CSS 将覆盖本地

我不确定（尚未测试），但和我一样，您可能在 <body> 结束后加载 tinymce 内容，因此 tinymce 将加载 css 文件

<path-to-tinymce-js>/skins/<your-skin-name>/content.min.css
<path-to-tinymce-js>/skins/<your-skin-name>/skin.min.css

想象 tinymce js 位于assets/tinymce它将加载的文件是：

assets/tinymce/skins/test/content.min.css
assets/tinymce/skins/test/skin.min.css

所以这些是在<head>定义的之后加载的

但如果一切都失败了：我已将 css 更改硬编码为 skin.min.css...

注意！

我仍然使用content_css 来更改<iframe> 中的css（例如：字体、背景颜色、...）

【讨论】：

啊这个问题我忘记了，我也用了这个方法。好电话！