如何在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文件夾，復制并粘貼到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: '后端服務',
          // 配置UEditorPlus的驚天資源
          UEDITOR_HOME_URL: '/static/UEditorPlus/'
      },
    }
}

3.運行項目

注：由于配置項未配置，需要與后端小伙伴聯(lián)調，才可使用上傳功能

到此這篇關于如何在vue項目中使用UEditor--plus的文章就介紹到這了,更多相關vueUEditor--plus內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

分分鐘學會vue中vuex的應用（入門教程）
本篇文章主要介紹了vue中vuex的應用（入門教程），詳細的介紹了vuex.js和應用方法，有興趣的可以了解一下
2017-09-09
如何在Vue中獲取DOM元素的實際寬高
使用vue的時候,想要獲得一個指定的元素的高度時,下面這篇文章主要給大家介紹了關于如何在Vue中獲取DOM元素的實際寬高的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
Vue toRef toRefs toRaw函數(shù)使用示例
這篇文章主要介紹了Vue toRef toRefs toRaw函數(shù)使用示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧
2023-03-03
vue element自定義表單驗證請求后端接口驗證
這篇文章主要介紹了vue element自定義表單驗證請求后端接口驗證，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
關于下拉類型多選組件Vue-Treeselect(鍵名轉換)
這篇文章主要介紹了關于下拉類型多選組件Vue-Treeselect(鍵名轉換)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07
vue3 微信掃碼登錄及獲取個人信息實現(xiàn)的三種方法
本文主要介紹了vue3 微信掃碼登錄及獲取個人信息實現(xiàn)的三種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-03-03
vue3中調用api接口實現(xiàn)數(shù)據(jù)的渲染以及詳情方式
這篇文章主要介紹了vue3中調用api接口實現(xiàn)數(shù)據(jù)的渲染以及詳情方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue實現(xiàn)過渡效果的基本方法
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)一個滾動條樣式
滾動條能夠給用戶帶來極好的體驗效果，今天通過本文給大家分享vue實現(xiàn)一個滾動條樣式，代碼簡單易懂，需要的朋友參考下吧
2021-07-07