輕量級富文本編輯器quill editor結(jié)合iview的使用

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ù)

處理圖片的函數(shù)

在methods里面處理一下圖片





如果有錯誤扣草,歡迎大家多提提意見~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市颜屠,隨后出現(xiàn)的幾起案子辰妙,更是在濱河造成了極大的恐慌,老刑警劉巖汽纤,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件上岗,死亡現(xiàn)場離奇詭異,居然都是意外死亡蕴坪,警方通過查閱死者的電腦和手機肴掷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門敬锐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人呆瞻,你說我怎么就攤上這事台夺。” “怎么了痴脾?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵颤介,是天一觀的道長。 經(jīng)常有香客問我赞赖,道長滚朵,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任前域,我火速辦了婚禮辕近,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘匿垄。我一直安慰自己移宅,他們只是感情好,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布椿疗。 她就那樣靜靜地躺著漏峰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪届榄。 梳的紋絲不亂的頭發(fā)上浅乔,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天,我揣著相機與錄音痒蓬,去河邊找鬼童擎。 笑死,一個胖子當著我的面吹牛攻晒,可吹牛的內(nèi)容都是我干的顾复。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼鲁捏,長吁一口氣:“原來是場噩夢啊……” “哼芯砸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起给梅,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤假丧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后动羽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體包帚,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年运吓,在試婚紗的時候發(fā)現(xiàn)自己被綠了渴邦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片疯趟。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖谋梭,靈堂內(nèi)的尸體忽然破棺而出信峻,到底是詐尸還是另有隱情,我是刑警寧澤瓮床,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布盹舞,位于F島的核電站,受9級特大地震影響隘庄,放射性物質(zhì)發(fā)生泄漏踢步。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一丑掺、第九天 我趴在偏房一處隱蔽的房頂上張望贾虽。 院中可真熱鬧,春花似錦吼鱼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至取募,卻和暖如春琐谤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背玩敏。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工斗忌, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人旺聚。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓织阳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親砰粹。 傳聞我的和親對象是個殘疾皇子唧躲,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容