Vue中使用UEditor富文本编辑器

标签: 转载需经博主同意  vue

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

将文件解压到自己项目中的public文件夹,重命名为UEditor(你也可以取其他的名字),目录如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200526101333676.png
更改ueditor.config.js文件
在这里插入图片描述
然后我们安装一下’vue-ueditor-wrap’这个插件

npm install vue-ueditor-wrap --save

那我们在页面中如何使用呢
在这里插入图片描述

然后直接以组件形式引用
在这里插入图片描述

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

版权声明:本文为qq_40236722原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_40236722/article/details/106349264