vue項目使用Ueditor富文本編輯器總結


我使用的是前端大佬封裝的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

           https://ueditor.baidu.com/website/onlinedemo.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM