我使用的是前端大佬封裝的vue-ueditor-wrap插件,結合ueditor本身的壓縮包開發的。
1.下載vue-ueditor-wrap:
npm install vue-ueditor-wrap -S
說明:下載這個插件對vue使用方便,有雙向數據綁定的優勢,操作相對方便點
2.下載ueditor官方提供的壓縮包:
下載地址:https://ueditor.baidu.com/website/download.html
3.將下載好的官方壓縮包放到static下面:

這里要說明:項目如果使用的是vue-cil2.0版本的,就放到static,若為vue-cil3.0版本的,就放到public文件夾下
4.在組件里引用ueditor並且使用:
引用:

使用組件:

ueditor的一些參數配置:

說明:1.上傳文件一定要和后台商量好接口地址,要不然無法上傳還會報錯:

2.單張圖片無法上傳問題,建議使用最新版的ueditor壓縮包,新版的解決了這個問題
新版的ueditor下載包:https://ueditor.baidu.com/website/onlinedemo.html
5.ueditor編輯器添加成功:

參考文章:https://blog.csdn.net/haochuan9421/article/details/81975966
