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

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