1.wangEditor —— 輕量級 web 富文字編輯器，配置方便，使用簡單。支援 IE10+ 瀏覽器。

下載wangEditor：npm install wangeditor（英文小寫）

官網：www.wangEditor.com
文件：www.kancloud.cn/wangfupeng/wangeditor3/332599
原始碼：github.com/wangfupeng1988/wangEditor （歡迎 star）

2.頁面中使用了element的upload上傳圖片元件和wangEditor富文字編輯器

（1）新增富文字，id=“editor”

（2）引入wangEditor.js，匯入Editor

（3）建立一個富文字編輯器，設定上傳圖片為Base64形式，隱藏網路圖片，只上傳本地圖片。this.editor.txt.html();是獲取富文字中的內容

（4）使用element中的upload元件上傳圖片，點選儲存手動上傳

把上傳檔案的總數賦給this.i

（5）每成功上傳一張圖片，呼叫onSuccess函式

後臺返回圖片路徑，push進imgUrl陣列，this.m++。當this.m>=this.i，即上傳最後一張圖片時，把其他引數一起傳送到後臺。（引數包括文字框內容，圖片路徑–字串形式，富文字內容–this.editor.txt.html();）

（6）效果圖如下