TinyMCE 4自定义样式

TinyMCE 4 custom styles

本文关键字：样式 自定义 TinyMCE      更新时间：2023-09-26

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

我发现在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（例如：字体、背景色…）

相关文章：