tinymce 适配火狐浏览器

chenyang_GIS 2021-01-25 13:05:45

文章标签： javascript

本文链接：https://blog.csdn.net/chenyang_GIS/article/details/113107773

版权

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

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

在这里插入图片描述

解决方法

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

base_url: “/static/tinymce”

初始化代码:

      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
      }