在vue中如何使用ueditor
來源:懂視網
責編:小采
時間:2020-11-27 19:40:21
在vue中如何使用ueditor
在vue中如何使用ueditor:這篇文章主要介紹了vue中使用ueditor富文本編輯器的相關資料,需要的朋友可以參考下最近在做后臺管理系統的時候遇到要使用富文本編輯器。最后選擇了ueditor,我的項目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建, 1、下載UEd
導讀在vue中如何使用ueditor:這篇文章主要介紹了vue中使用ueditor富文本編輯器的相關資料,需要的朋友可以參考下最近在做后臺管理系統的時候遇到要使用富文本編輯器。最后選擇了ueditor,我的項目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建, 1、下載UEd
這篇文章主要介紹了vue中使用ueditor富文本編輯器的相關資料,需要的朋友可以參考下
最近在做后臺管理系統的時候遇到要使用富文本編輯器。最后選擇了ueditor,我的項目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建,
1、下載UEditor官網最新的jsp版本的包,下載完成解壓之后得到一個utf8-jsp的文件夾,里面包含的內容如下:


2、將這個文件夾改名為ueditor,并且移入自己項目中的static文件夾下,修改ueditor.config.js文件夾中的內容,如下圖:


3、編寫子組件
4、在父組件中使用
5、弄好之后,上傳圖片會提示后端配置項http錯誤,文件上傳會提示上傳錯誤。這里提別申明一點,ueditor在前端配置好后,需要與后端部分配合進行,然后將配置ueditor.config.js 里的serverUrl的前綴改陳你自己的后端訪問的請求路徑地址
上面是我整理給大家的,希望今后會對大家有幫助。
相關文章:
在Vue中如何使用highCharts繪制3d餅圖
在vue-lazyload中使用圖片延遲加載插件
Vuejs 單文件組件(詳細教程)
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
在vue中如何使用ueditor
在vue中如何使用ueditor:這篇文章主要介紹了vue中使用ueditor富文本編輯器的相關資料,需要的朋友可以參考下最近在做后臺管理系統的時候遇到要使用富文本編輯器。最后選擇了ueditor,我的項目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建, 1、下載UEd