vue富文本编辑器
Posted ljkltt
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue富文本编辑器相关的知识,希望对你有一定的参考价值。
npm i wangeditor --save
页面单独引入
import E from "wangeditor";
<div id="div1"></div>
data(){
return{
editor:null,
}
}
mounted() {
const editor = new E(‘#div1‘);
// 配置 onchange 回调函数,将数据同步到 vue 中
editor.config.onchange = (newhtml) => {
this.ruleForm.activity_content = newHtml;
}
editor.create();
this.editor = editor;
},
其他操作可查看官方文档:http://www.wangeditor.com/index.html
以上是关于vue富文本编辑器的主要内容,如果未能解决你的问题,请参考以下文章