Vue中TinyMCE编辑器如何引入自定义CSS?

vue中tinymce编辑器如何引入自定义css?

如何在vue中引入tinymce编辑器的自定义css

在vue中使用tinymce编辑器时,如果要引入自定义的css文件,可以通过以下步骤:

首先,在tinymce初始化配置中,使用content_css选项指定自定义css文件的路径。确保路径相对于vue应用的public目录。例如:

return {
  init: {
    // ...其他配置
    content_css: '/tinymce/skins/content/document/content.css',
  },
}

其中,/tinymce/skins/content/document/content.css是自定义css文件的路径,相对于vue应用的public目录。

立即学习“前端免费学习笔记(深入)”;

注意:如果你使用的是vue-cli,则不需要在路径中包含public一词。

引入自定义css后,tinymce编辑器将自动加载并应用其样式。

以上就是Vue中TinyMCE编辑器如何引入自定义CSS?的详细内容,更多请关注硕下网其它相关文章!