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

pubdreamcc 發布于2019-08-23 12:15 / 3081人閱讀

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

1、安裝

使用npm下載：`npm install wangeditor`

2、創建實例

（1）基本用法：

效果如圖

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

3、上傳圖片

（1）editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存圖片
（2）editor.customConfig.uploadImgServer = "/upload" // 上傳服務器端地址
/upload是上傳圖片的服務器端接口，接口返回的數據格式如下（固定的，否則會取不到圖片地址！！！）：

{
    // errno 即錯誤代碼，0 表示沒有錯誤。
    //       如果有錯誤，errno != 0，可通過下文中的監聽函數 fail 拿到該錯誤碼進行自定義處理
    "errno": 0,

    // data 是一個數組，返回若干圖片的線上地址
    "data": [
        "圖片1地址",
        "圖片2地址",
        "……"
    ]
}

這些基本就夠用了

官網也寫得很詳細滴
感謝您看到最后~

云服務器 GPU云服務器富文本編輯器富文本web編輯器 php使用文本編輯器富文本

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98207.html

基于 Vue 的移動端富文本編輯器 vue-quill-editor 實戰

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

wing324 2019-05-27 17:41 評論0 收藏0
開發富文本編輯器的一些經驗教訓

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

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

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

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

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

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

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

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