Vue中使用UEditor富文本编辑器

首先我们去官网下载UEditor的压缩包，下载地址。

将文件解压到自己项目中的public文件夹，重命名为UEditor(你也可以取其他的名字），目录如下：

更改ueditor.config.js文件

然后我们安装一下’vue-ueditor-wrap’这个插件

npm install vue-ueditor-wrap --save

那我们在页面中如何使用呢

然后直接以组件形式引用

效果如下:

之前在网上查找过很多方法，大部分都需要自己写组件，涉及到父子组件之间数据传递过于繁琐，使用这个插件的好处在于数据已经通过v-model双向绑定了。