需求一 圖片上傳
就是要一個富文本編輯器，然后有圖片上傳功能，因為vue-quill-editor是將圖片轉為base64編碼，所以當圖片比較大時，提交后台時參數過長，導致提交失敗。
解決思路
將圖片先上傳至服務器，再將圖片鏈接插入到富文本中
圖片上傳的話可以使用element或者iview，這里我以iview舉例
圖片上傳區域要隱藏，自定義vue-quill-editor的圖片上傳，點擊圖片上傳時調用iview或者element的圖片上傳，上傳成功后在富文本編輯器中顯示圖片
步驟
-.安裝使用
在main.js引入
二.自定義vue-quill-editor圖片上傳
html:
js:
三.調用element或iview圖片上傳組件
html:
css:
js:
四.假如需要多個富文本編輯器
可能不止一處地方用到，比如添加完成后還有編輯功能，那就復制一份文件上傳和富文本編輯：兩個富文本用不同的ref標記，在各自配置中調用各自的文件上傳；文件上傳成功也使用不同的方法名稱，里面調用各自的富文本編輯器。
重點：富文本和文件上傳不管使用類名還是什么方式區分的，這兩處地方都要和之前區分開。
需求二 文件上傳
和圖片上傳相同，不同的是上傳文件。解決的思路也相同：在vue-quill-editor中自定義按鈕，點擊使用iView的文件上傳，然后將地址賦值給a標簽的href屬性，插入到富文本光標處。
步驟
一、自定義編輯器附件上傳
我想通過download屬性自定義文件下載名稱，但是兩種方式都失敗了，可以忽略相關代碼。以下是為富文本自定義插入a鏈接
配置工具欄，添加了一個upload，其余不需要的都可以去掉
自定義文件上傳的圖標樣式
二、調用element或iview上傳組件
為兩個圖片上傳分別定義了類名，以做調用時的區分。
修改工具欄配置，當點擊富文本時，調用相應的上傳組件
這兩個文件上傳都要隱藏
下面是插入圖片和文件的方法
bug及優化
一、回車光標不顯示
不知道為什么，百度都搜不到，好像只有我出現了這個問題，最后通過監聽回車，手動換行並在換行后加了一個空格，因為沒有內容的時候光標不顯示，然后把光標向前調一個位置，移到空格前面。
二、給菜單欄添加中文標題title
有個需要注意的地方，按上面的方法使用后，確實有效，但是字體顏色和背景顏色的提示都變成了背景顏色，然后修改了標題欄的配置，提示才彼此對應。
修改為
