记录下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查找，问题就是根目录访问不到static的文件

　　　　

　　　　点击后视频后下方显示出一个，其实就是css未生效

　　解决

　　　　不要设置skin_url（除非要设置其他皮肤样式，这里暂不讨论）

　　　　public目录新增static

　　　　　　

 

 

　　　　　　把需要的两个css放入就可以了

 

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

安装请另行参考。