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

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天米云给大家整理了《Vue中TinyMCE编辑器如何正确引入自定义CSS文件？》，聊聊，我们一起来看看吧！

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文件？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注米云公众号！

近期文章