成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

輕量級(jí)富文本編輯器wangEditor結(jié)合vue使用方法

pubdreamcc / 3093人閱讀

摘要:如果有錯(cuò)誤,,可通過下文中的監(jiān)聽函數(shù)拿到該錯(cuò)誤碼進(jìn)行自定義處理是一個(gè)數(shù)組,返回若干圖片的線上地址圖片地址圖片地址這些基本就夠用了官網(wǎng)也寫得很詳細(xì)滴感謝您看到最后

1、安裝
使用npm下載:`npm install wangeditor`
2、 創(chuàng)建實(shí)例

(1)基本用法:



效果如圖

(2)自定義高度寫法如下:把菜單和編輯框分開

3、上傳圖片
(1)editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存圖片
(2)editor.customConfig.uploadImgServer = "/upload" // 上傳服務(wù)器端地址
/upload是上傳圖片的服務(wù)器端接口,接口返回的數(shù)據(jù)格式如下(固定的,否則會(huì)取不到圖片地址?。。。?/pre>
{
    // errno 即錯(cuò)誤代碼,0 表示沒有錯(cuò)誤。
    //       如果有錯(cuò)誤,errno != 0,可通過下文中的監(jiān)聽函數(shù) fail 拿到該錯(cuò)誤碼進(jìn)行自定義處理
    "errno": 0,

    // data 是一個(gè)數(shù)組,返回若干圖片的線上地址
    "data": [
        "圖片1地址",
        "圖片2地址",
        "……"
    ]
}

這些基本就夠用了

官網(wǎng)也寫得很詳細(xì)滴
感謝您看到最后~

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/98207.html

相關(guān)文章

  • 基于 Vue 的移動(dòng)端文本輯器 vue-quill-editor 實(shí)戰(zhàn)

    摘要:優(yōu)秀的富文本編輯器有很多,比如,等,但并不是每個(gè)都能在移動(dòng)端有很好的表現(xiàn)。是百度的老牌富文本編輯器,但界面有一股上世紀(jì)的感覺,官網(wǎng)最新的一條動(dòng)態(tài)停留在。優(yōu)秀的富文本編輯器有很多,比如:UEditor,wangEditor 等,但并不是每個(gè)都能在移動(dòng)端有很好的表現(xiàn)。 我們暫且不討論移動(dòng)端是否真的需要富文本,既然有這需求,就把它實(shí)現(xiàn)出來。 失敗的嘗試 正確的選擇是成功的開始,開發(fā)之前肯定要做一些...

    wing324 評(píng)論0 收藏0
  • 開發(fā)文本輯器的一些經(jīng)驗(yàn)教訓(xùn)

    摘要:當(dāng)然,這只是結(jié)合自己項(xiàng)目的工程結(jié)構(gòu)和特點(diǎn)設(shè)置的一套使用方式,僅供參考開發(fā)富文本編輯器的教訓(xùn)由于項(xiàng)目的時(shí)間較緊張,我在頁面上應(yīng)用了框架的背景下,想當(dāng)然的想要把也應(yīng)用于富文本編輯器的開發(fā),事實(shí)證明這是不太可行的。 此文已由作者劉詩川授權(quán)網(wǎng)易云社區(qū)發(fā)布。 歡迎訪問網(wǎng)易云社區(qū),了解更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營經(jīng)驗(yàn)。 最近我們的產(chǎn)品有一個(gè)需求是要在PC端做一個(gè)面向用戶的書評(píng)編輯器,讓用戶和編輯在蝸牛讀書...

    mtunique 評(píng)論0 收藏0
  • 文本wangEditor框架)的使用教程

    摘要:富文本的使用教程框架一,相信很多人用過很多富文本的框架,現(xiàn)在我向大家推薦一個(gè)很實(shí)用的一個(gè)富文本框架,具有豐富的功能項(xiàng),容易使用。富文本的使用教程(wangEditor框架)   一,相信很多人用過很多富文本的框架,現(xiàn)在我向大家推薦一個(gè)很實(shí)用的一個(gè)富文本框架,具有豐富的功能項(xiàng),容易使用。     所以本博客介紹這個(gè)富文本編輯器的使用哈!覺得寫得不錯(cuò)的請(qǐng)點(diǎn)贊哈,有建議歡迎提哈!^V^...

    hlcc 評(píng)論0 收藏0
  • Web全棧應(yīng)用之旅-啟程篇

    摘要:但能拷貝圖粘貼后不失真通常是收費(fèi)富文本編輯器才具備的能力。是否支持編程語言高亮,例如按,語言高亮是否支持?jǐn)?shù)學(xué)公式等等因此選擇了兩款富文本編輯器,支持截屏粘貼,當(dāng)做跟蹤系統(tǒng)時(shí)這個(gè)功能特別有用。 一、Web應(yīng)用技術(shù)棧 在開發(fā)Web應(yīng)用時(shí),通常會(huì)使用到以下技術(shù)棧: showImg(https://segmentfault.com/img/bVbwceG);對(duì)應(yīng)這些技術(shù)棧都已有相應(yīng)的開源產(chǎn)品...

    longmon 評(píng)論0 收藏0
  • 手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要:社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了,體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡單的完成了拖拽排序。 完整項(xiàng)目地址:vue-element-admin 系類文章一:手摸手,帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二:手摸手,帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三:手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)系類文章四:手摸手,帶你用vue擼后臺(tái) 系列...

    Channe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<