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

pubdreamcc 發(fā)布于2019-08-23 12:15 / 3147人閱讀

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

1、安裝

使用npm下載：`npm install wangeditor`

2、創(chuàng)建實例

（1）基本用法：

效果如圖

（2）自定義高度寫法如下：把菜單和編輯框分開

3、上傳圖片

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

    // data 是一個數(shù)組，返回若干圖片的線上地址
    "data": [
        "圖片1地址",
        "圖片2地址",
        "……"
    ]
}
這些基本就夠用了
官網(wǎng)也寫得很詳細滴
感謝您看到最后~

GPU云服務(wù)器云服務(wù)器富文本編輯器富文本web編輯器 php使用文本編輯器富文本

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/98207.html

相關(guān)文章

基于 Vue 的移動端富文本編輯器 vue-quill-editor 實戰(zhàn)

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

wing324 2019-05-27 17:41 評論0 收藏0
開發(fā)富文本編輯器的一些經(jīng)驗教訓(xùn)

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

mtunique 2019-06-28 11:04 評論0 收藏0
富文本（wangEditor框架）的使用教程

摘要：富文本的使用教程框架一，相信很多人用過很多富文本的框架，現(xiàn)在我向大家推薦一個很實用的一個富文本框架，具有豐富的功能項，容易使用。富文本的使用教程（wangEditor框架）　　一，相信很多人用過很多富文本的框架，現(xiàn)在我向大家推薦一個很實用的一個富文本框架，具有豐富的功能項，容易使用。　　　　所以本博客介紹這個富文本編輯器的使用哈！覺得寫得不錯的請點贊哈，有建議歡迎提哈！^V^...

hlcc 2019-04-23 14:47 評論0 收藏0
Web全棧應(yīng)用之旅-啟程篇

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

longmon 2019-08-19 10:25 評論0 收藏0
手摸手，帶你用vue擼后臺系列三(實戰(zhàn)篇)

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

Channe 2019-08-20 17:15 評論0 收藏0