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 编辑器的外观符合您的需求。