tinymce 适配火狐浏览器

火狐浏览器调用tinymce时图标库找不到相关问题

在vue项目中使用了tinymce作为富文本编辑器。测试时firefox加载不到静态资源,如图。

在这里插入图片描述

解决方法

将node_moudles中的tinymce 复制一份到public/static 中,在初始化富文本的时候指定base_url 为’/static/tinymce‘

base_url: “/static/tinymce”

更多配置参见官网: https://www.tiny.cloud/docs/configure/integration-and-setup/#base_url.

初始化代码:

      init: {
        selector: "#" + this.id,
        language: "zh_CN",
        // skin_url: "/static/tinymce/skins/ui/oxide",
        base_url: "/static/tinymce",
        //插件-实现插入图片等功能
        plugins: "link  code table colorpicker textcolor wordcount contextmenu",
        //工具栏-根据自己需要增减功能
        toolbar:
          "bold italic underline strikethrough | fontsizeselect | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist | outdent indent blockquote | undo redo | link unlink image code | removeformat",
        branding: false,
        menubar: false, //顶部菜单栏显示
        min_height: this.height, //高度
        statusbar: false
      }
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页