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

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《Vue中TinyMCE编辑器如何正确引入自定义CSS文件？ 》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

针对在 vue 中使用 tinymce 编辑器引入自定义 css 文件的困扰

在使用 vue 中的 tinymce 编辑器时，引入自定义 css 文件可能会令人困惑。

初始化配置

以下是您提供的初始化配置：

return {
  // 初始化配置
  init: {
    select: "textarea",
    language: "zh_cn",
    skin_url: process.env.base_url + "tinymce/skins/ui/oxide",
    skin: "oxide",
    resize: false,
    content_style: "p {margin: 0;}",
    importcss_file_filter: "/public/",
    height: this.height,
  },
};

问题

您在 content_css 选项中尝试引用自定义 css 文件，但没有成功。您想知道如何正确引入自定义 css 文件。

答案

在 vue-cli 项目中，您需要从 public 文件夹中排除自定义 css 文件的路径。因此，您应该使用以下路径：

content_css: "/tinymce/skins/content/document/content.css",

提示：

• 确保您的自定义 css 文件位于 public/tinymce/skins/content/document/ 文件夹中。
• 移除 importcss_file_filter: "/public/", 选项，因为它已不再必要。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。