iview中使用wangEditor

一、下载安装html

//(注意 wangeditor 所有是小写字母)
npm install wangeditor npm

 

二、在iview的单页面中首先引入iview

import E from "wangeditor";this

 

三、在mounted方法中建立实例spa

 

var editor = new E("#editorElem");
  
editor.customConfig.onchange = html => {
    this.editorContent = html;
};
      
editor.create();

 

 

四、在HTML部分引用
<div id="editorElem" style="text-align:left"></div>
<button v-on:click="getContent">查看内容</button>
相关文章
相关标签/搜索