vue2.0中引入wangEditor2步驟與坑

點選 https://github.com/wangfupeng1988/wangEditor/releases 下載最新版
使用git下載： git clone https://github.com/wangfupeng1988/wangEditor.git
使用npm安裝: npm install wangeditor （注意 wangeditor 全部是小寫字母）
使用bower下載：bower install wangEditor （前提保證電腦已安裝了bower）

在vue2.0專案中直接 npm install wangeditor –save

<div id="editor"></div>

然後

import WangEditor from `wangeditor`

let that = this
this.editor = new WangEditor(`#WangEditor`)  //這個地方傳入div元素的id 需要加#號
        // 配置 onchange 事件
this.editor.change = function () {          // 這裡是change 不是官方文件中的 onchange
    // 編輯區域內容變化時，實時列印出當前內容
  console.log(this.txt.html())
}
this.editor.create()     // 生成編輯器
this.editor.txt.html(`<p>輸入內容...</p>`)   //注意：這個地方是txt  不是官方文件中的$txt

this.editor = new WangEditor(`#WangEditor`)

方可生效

.w-e-menu{
  z-index: 2 !important;
}
  .w-e-text-container{
    z-index: 1 !important;
  }

注：w-e-menu的z-index必須比container的大，不然選擇選單欄選項時，會選不上