概述
前言：
本项目需要一个轻量级的，能够显示源码的富文本编辑器。
经查询对比后，选择wangeditor，但是发现wangeditor3（最新版）中没有展示源码的功能，故选择wangeditor2。
wangeditor2使用手册：https://www.kancloud.cn/wangfupeng/wangeditor2/113961
使用方法：
1.下载：
选择npm安装：因为目前默认版本为3.1.1，故安装的时候需要写明需要安装的版本号
npm install wangeditor@2.1.23 --save2.开始使用
<div id="websiteEditorElem" style="height: 250px"></div>import E from 'wangeditor'mounted () {
// wangeditor
phoneEditor = new E('phoneEditorElem')
phoneEditor.onchange = function () {
this.formData.phone = this.$txt.html()
}
phoneEditor.create()
},实现效果：
1.默认状态下
2.显示源码
最后
以上就是愉快睫毛为你收集整理的【vue】使用wangeditor富文本编辑器的全部内容，希望文章能够帮你解决【vue】使用wangeditor富文本编辑器所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复