TinyMCE 4自定义样式

时间:2013-07-29 12:54:04

标签: javascript css tinymce

我的问题是我需要将自定义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,
});

1 个答案:

答案 0 :(得分:2)

我发现在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

assets/tinymce中加载js的成像是它将加载的文件:

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

所以这些是在<head>

上定义的那些之后加载的

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

<强>注意!

我仍然使用content_css更改<iframe>中的css(例如:字体,背景颜色,......)