记录下tinymce编辑器遇到的问题

最近需要使用编辑器，选了这款，说实话一般般，凑合用

下面记录下问题

1.编辑器不出来

　　引入皮肤样式

import 'tinymce/skins/ui/oxide/skin.css'

2.icons报错

　　引入图标库

import 'tinymce/icons/default/icons'

3.语言包报错

　　本地路径，需要require引用

language_url: require('/static/tinymce/langs/zh_CN.js')

4.显示本地上传图片

　　init添加images_upload_handler函数即可，但是点击还是要切换下，以后再研究吧

images_upload_handler: (blobInfo, success, failure) => {

 5.关于存在两个视频的情况（补充）

　　问题

　　　　这个主要就是css的问题，添加编辑器后，会自动引入下方路径，是从根目录的static查找

　　　　点击后下方显示出一个，其实默认css会将它隐藏，只是自己修改了原始的引用路径

　　　　

　　解决

　　　　根目录static

　　　　　　添加了tinymce文件夹，那么你需要在init的skin_url属性引用，并且还要根据环境进行切换，注意引用是相对路径

　　skin_url:process.env.NODE_ENV === 'development'?'../../../static/tinymce/skins/ui/oxide':''

　　　　　　添加了js文件夹，直接将css放入static即可，不要设置skin_url

ps：假如封装了组件，建议传对象赋值，否则就要监听回传；项目需要使用多个编辑器的话，去除editor的id，不然渲染失败。

安装请另行参考。