vue-quill-editor是我們在使用vue框架的時候常用的一個富文本編輯器台谊,在進行富文本編輯的時候,我們往往要插入一些圖片岭粤,vue-quill-editor默認的處理方式是直接將圖片轉(zhuǎn)成base64編碼,這樣的結(jié)果是整個富文本的html片段十分冗余,有可能導致提交失敗跋炕,或者是用戶體驗很差,數(shù)據(jù)要傳遞很久才全部傳送到服務(wù)器律适。因此辐烂,在富文本編輯的過程中,對于圖片的處理捂贿,我們更合理的做法是將圖片上傳到服務(wù)器纠修,再將得到的圖片鏈接插入到富文本中,以達到最優(yōu)的體驗厂僧。
首先安裝quill editor? ? ??npm?install?vue-quill-editor?--save
全局掛載??
在main.js中引用
使用
在需要用到富文本的vue中引用和配置quill editor工具欄
關(guān)于上傳圖片按鈕的事件? ?!important
在editorOption中的handlers事件中處理圖片上傳(配置中的handlers是用來定義自定義程序的)
iview自帶的upload上傳自帶三個函數(shù)
在methods里面處理一下圖片
如果有錯誤扣草,歡迎大家多提提意見~