在vue中使用tinymce富文本编辑器+tinymce富文本编辑器插入图片

1.安装 

# npm install tinymce -S

2.把node_modules\tinymce里面的文件 包括tinymce文件夹 全部复制到static文件夹下面，如下图

3.在mian.js中引入tinymce（也可以在组件中引入）

import Tinymce from 'tinymce'
Vue.prototype.$tinymce = Tinymce; 

4.完整代码

5.纠错

theme.js:1 Uncaught SyntaxError: Unexpected token <

设置一下baseURL

_this.$tinymce.baseURL = '/static/tinymce'

 

更多功能配置可以到官方网站上进行查看https://www.tiny.cloud/docs/api/tinymce/root_tinymce/
完整实例：https://gitee.com/songtaohong/tinymce.git