我的问题是我需要将自定义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(例如:字体,背景色,...)