官方文档
Introduction · wangEditor 用户文档
1.npm拉取
npm i wangeditor@4.7.15 --save
2. js中import 引入资源
3.创建div容器展示
4.创建js方式初始化富文本方法
initRichTowText() {
//this.getCourseDescription();
this.editor = new E("#richText");
this.editor.create();
},
用monted方式初始化
5.后端传给富文本无法获取正常值
问题分析:通过日志打印发现了是富文本的初始化快于后端获取值方法,导致空值出现
解决方案:将富文本初始化写在axios请求方法里面,保证值的传入
initRichText() {
//this.getCourseDescription();
courseApi.getCoursDescription(this.$route.params.id).then(res=>{
this.courseDescription=res.data.item;
this.editor = new E("#richText");
this.editor.create();
this.editor.txt.html(this.courseDescription); //设置后端传给的值
//this.editor.txt.html('<p>用 JS 设置的内容</p>')
//初始化富文本内容
})
},