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

最佳答案

我发现在初始化中使用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(例如:字体,背景色,...)

10-04 22:12
查看更多