wangEditor富文本编辑器用法

68 阅读 0 评论 45 点赞

我是靠谱客的博主彪壮星月，最近开发中收集的这篇文章主要介绍wangEditor富文本编辑器用法，觉得挺不错的，现在分享给大家，希望可以做个参考。

1.登录官网 https://www.wangeditor.com/v5/for-frame.html#vue2

2.安装两个都装，保险起见

npm install @wangeditor/editor --save

npm install @wangeditor/editor-for-vue --save

3.建一个wangEditor.vue组件，将文档里面的东西全部放进这个wangEditor.vue组件里面，

4.在其他要用到富文本的组件里面引入注册这个wangEditor.vue组件，

5.最后怎么传值呢？就是通过wangEditor.vue组件里面的

onChange(editor) {

this.$emit('sendEditor', this.html)//通过子传父的方法将富文本里面的值传给引用富文本的组件

6.最后就是一些配置的小问题，自己看就行

以上就是彪壮星月为你收集整理的wangEditor富文本编辑器用法的全部内容，希望文章能够帮你解决wangEditor富文本编辑器用法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。