Hello! 欢迎来到小浪资源网!


Vue中TinyMCE编辑器如何正确引入自定义CSS文件?


avatar
1986424546 2024-11-17 22

Vue中TinyMCE编辑器如何正确引入自定义CSS文件?

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

vue 中使用 tinymce 编辑器时,您可能需要引入自定义 css 文件来定制编辑器的外观。然而,您遇到了这样的问题:

// 初始化配置 init: {   // 其他配置   content_css: "/public/tinymce/skins/content/document/content.css", }

但是,无法正确引入自定义 css 文件。

解决方案

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

vue.JS 中使用 tinymce 编辑器时,您需要避免在 content_css 选项中使用 public 文件夹。这是因为 vue-cli 会在构建过程中将静态文件移动到 public 文件夹中。

因此,要解决您的问题,请将 content_css 选项中的文件路径修改为:

// 初始化配置 init: {   // 其他配置   content_css: "tinymce/skins/content/document/content.css", }

这样即可正确引入自定义 css 文件,并使 tinymce 编辑器的外观符合您的需求。

相关阅读