最近的vue项目中用到了编辑器,刚开始使用的wangeditor,但后来由于满足不了更多的需求,现换成了百度的UEditor,踩了很多坑,现在记录一下
1.下载UEditor相关静态文件
链接:https://pan.baidu.com/s/15bUMrmCBt8I69P4lzNZtIA
提取码:5ybv
2.修改UEditor目录 并引入项目
顺利解压完之后,将文件直接放到到项目的public文件中。
下载完之后,还会有ueditor.all.js和ueditor.parse.js方便查看源代码(我这里要放到线上,所以就删除了)
3.将vue-ueditor-wrap引入你要使用的组件中
3.1.下载vue-ueditor-wrap
npm i vue-ueditor-wrap
# 或者
yarn add vue-ueditor-wrap
3.2.引入VueUeditorWrap组件
import VueUeditorWrap from 'vue-ueditor-wrap' // ES6 Module
// 或者
const VueUeditorWrap = require('vue-ueditor-wrap') // CommonJS
3.3.注册组件