wangEditor富文本编辑器用法

62 阅读 0 评论 41 点赞

我是靠谱客的博主彪壮星月，这篇文章主要介绍wangEditor富文本编辑器用法，现在分享给大家，希望可以做个参考。

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

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

复制代码

1
npm install @wangeditor/editor --save

复制代码

1
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富文本编辑器用法内容请搜索靠谱客的其他文章。

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