iview中使用wangEditor

一、下載安裝

//（注意 wangeditor 所有是小寫字母）
npm install wangeditor

 

二、在iview的單頁面中首先引入

import E from "wangeditor";

 

三、在mounted方法中建立實例

 

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>