資訊專欄INFORMATION COLUMN
摘要：原生上傳圖片到服務(wù)器上次給大家分享過下面的文章結(jié)合上傳圖片到服務(wù)器基于上面的原理，我又替大家把整個配置封裝好了，大家在使用的時候直接引入配置文件即可。
原生上傳圖片到服務(wù)器
上次給大家分享過下面的文章
結(jié)合element-ui上傳圖片到服務(wù)器
基于上面的原理，我又替大家把整個配置封裝好了，大家在使用的時候直接引入配置文件即可。無需引入
element-ui，并且增加了部分功能：
可限制圖片上傳的格式
可限制圖片的大小
可重寫圖片上傳成功失敗觸發(fā)的事件
具體使用如下
引入自定義配置文件 vue-quill-editor-config.js新建一個文件名為 vue-quill-editor-config.js（文件名可自定義），點擊上面的鏈接復(fù)制代碼到本文件
綁定配置引入配置參數(shù)
import {editorOptions} from "@/config/vue-quill.editor-config"
// "@/config/vue-quill.editor-config" 為你存放自定義配置的文件路徑
在vue組件中綁定配置
預(yù)留的事件接口@change="onEditorChange($event)" @ready="onEditorReady($event)" >
在配置文件中大家可根據(jù)自己的需求自行定義上傳圖片的各個階段的事件
如下圖所示，res.info為上傳圖片成功后返回的圖片地址，如果不確認返回的數(shù)據(jù)格式，可以使用console.log() 進行查看
如何在配置文件中獲取Vue實例
由于在handler中，this是指向編輯器，因此無法直接用this去獲取Vue實例，
如果想獲取，需要進行如下操作
暴露實例
引入實例
在vue-quill-editor-config.js配置中引入
在vue-quill-editor-config.js配置文件中使用
結(jié)束！ 簡不簡單？ 感覺有用的朋友請點個贊文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90652.html
摘要：我們通常都會使用富文本編輯器在后臺編輯內(nèi)容，開發(fā)當然也少不了，我們通過官網(wǎng)的鏈接可以找到一些資源，或者去上查找一些開源的編輯器。 我們通常都會使用富文本編輯器在后臺編輯內(nèi)容，開發(fā)vue當然也少不了，我們通過vue官網(wǎng)的鏈接可以找到一些資源，或者去github上查找一些開源的編輯器。我使用的是vue-quill-editor，它的界面很簡潔，功能也滿足平時的編輯需要，不過于臃腫，但是它默...
摘要：我們通常都會使用富文本編輯器在后臺編輯內(nèi)容，開發(fā)當然也少不了，我們通過官網(wǎng)的鏈接可以找到一些資源，或者去上查找一些開源的編輯器。 我們通常都會使用富文本編輯器在后臺編輯內(nèi)容，開發(fā)vue當然也少不了，我們通過vue官網(wǎng)的鏈接可以找到一些資源，或者去github上查找一些開源的編輯器。我使用的是vue-quill-editor，它的界面很簡潔，功能也滿足平時的編輯需要，不過于臃腫，但是它默...
摘要：的增強模塊，功能提供圖片上傳到服務(wù)器的功能復(fù)制插入拖拽插入顯示上傳進度顯示上傳成功或者失敗支持與其他模塊一起使用例如調(diào)整圖片大小富文本框參數(shù)設(shè)置的所有可配置項可選參數(shù)是否顯示上傳進 quill-image-extend-module vue-quill-editor的增強模塊， 功能： 提供圖片上傳到服務(wù)器的功能 復(fù)制插入 拖拽插入 顯示上傳進度 顯示上傳成功或者失敗 支持與其他模塊...
摘要：富文本編輯器自定義組件加粗斜體下劃線刪除線引用代碼標題標題有序列表無序列表下標上標減少縮進增加縮進輸入方向字體大小段落格式字體顏色背景色字體對齊 vue-quill-editor 富文本編輯器自定義組件 ...
閱讀 1198·2021-11-24 10:24
閱讀 2655·2021-11-22 13:54
閱讀 1067·2021-09-24 09:55
閱讀 3673·2019-08-30 15:54
閱讀 1396·2019-08-30 15:44
閱讀 1150·2019-08-30 14:23
閱讀 3262·2019-08-29 13:45
閱讀 1356·2019-08-29 11:19
