如何在vue項目中使用UEditor--plus
更新時間：2022年08月24日 09:24:54 作者：龍兒哥哥的博客
UEditor是由百度web前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器，這篇文章主要介紹了如何在vue項目中使用UEditor--plus?,需要的朋友可以參考下
1:UEditor-plus富文本編輯器如何在vue項目中使用
備注：UEditor是由百度web前端研發(fā)部開發(fā)的所見即所得的開源富文本編輯器，由于該項目不在維護；程序員自發(fā)對其進行了維護，詳見
https://gitee.com/modstart-lib/ueditor-plus?_from=gitee_search；
2.使用方法
第一步：在git上拉取ueditor代碼到本地
第二步：解壓后找到dist文件夾，復(fù)制并粘貼到vue項目包中的static（vue3粘貼到public）文件夾目錄下，并改名為UEditor
第三步：在頁面中引入UEditorPlus富文本編輯器
第四步：在頁面中插入組件
<div class="content">
<vue-ueditor-wrap
v-model="content"
editor-id="editor"
:config="editorConfig"
:editorDependencies="['ueditor.config.js','ueditor.all.js']"
style="height:500px;" />
</div>第五步：配置項
data(){
return {
content: '<p>Hello UEditorPlus</p>',
editorConfig: {
serverUrl: '后端服務(wù)',
// 配置UEditorPlus的驚天資源
UEDITOR_HOME_URL: '/static/UEditorPlus/'
},
}
}3.運行項目
注：由于配置項未配置，需要與后端小伙伴聯(lián)調(diào)，才可使用上傳功能
到此這篇關(guān)于如何在vue項目中使用UEditor--plus的文章就介紹到這了,更多相關(guān)vueUEditor--plus內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
分分鐘學(xué)會vue中vuex的應(yīng)用（入門教程）
本篇文章主要介紹了vue中vuex的應(yīng)用（入門教程），詳細(xì)的介紹了vuex.js和應(yīng)用方法，有興趣的可以了解一下2017-09-09
使用vue的時候,想要獲得一個指定的元素的高度時,下面這篇文章主要給大家介紹了關(guān)于如何在Vue中獲取DOM元素的實際寬高的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
Vue toRef toRefs toRaw函數(shù)使用示例
這篇文章主要介紹了Vue toRef toRefs toRaw函數(shù)使用示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-03-03
這篇文章主要介紹了vue element自定義表單驗證請求后端接口驗證，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換)
這篇文章主要介紹了關(guān)于下拉類型多選組件Vue-Treeselect(鍵名轉(zhuǎn)換)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue3 微信掃碼登錄及獲取個人信息實現(xiàn)的三種方法
本文主要介紹了vue3 微信掃碼登錄及獲取個人信息實現(xiàn)的三種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
vue3中調(diào)用api接口實現(xiàn)數(shù)據(jù)的渲染以及詳情方式
這篇文章主要介紹了vue3中調(diào)用api接口實現(xiàn)數(shù)據(jù)的渲染以及詳情方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue 提供了一個強大的過渡系統(tǒng),可以用于在進入、離開和列表渲染時添加各種動畫效果,這些過渡不僅能夠提升用戶體驗,還能使界面更加生動和吸引人,本文將介紹 Vue 中實現(xiàn)過渡效果的基本方法,并提供使用 setup 語法糖的代碼示例,需要的朋友可以參考下2024-09-09
element-ui中select組件綁定值改變,觸發(fā)change事件方法
今天小編就為大家分享一篇element-ui中select組件綁定值改變,觸發(fā)change事件方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
滾動條能夠給用戶帶來極好的體驗效果，今天通過本文給大家分享vue實現(xiàn)一個滾動條樣式，代碼簡單易懂，需要的朋友參考下吧2021-07-07