vue專案中使用百度富文字編輯器ueditor

2022-07-07 12:09:14 字數 960 閱讀 4490

第一步,安裝依賴,並且把ueditor整個資料夾放入public裡邊

第二步,在你需要編輯的地方引入,或者main.js中全域性引入

xx.vue檔案中寫入下面**,建立編輯器。

第三步,在script中引入

import vueueditorwrap from 'vue-ueditor-wrap'
第四步,在export default {}中加入

omponents: ,
然後在data(){}中新增工具欄等配置檔案

第五步,在methods:{}中配置請求引數,以攜帶token啥的

ueditor (ueditor) 

})

完整配置

VUE 百度富文字編輯器

vue cli3版本放在public目錄下,vue cli2版本放在靜態static目錄下 以vue cli2為例 npm install vue ueditor wrap 或者cnpm install vue ueditor wrapvue檔案中html部分 remark config mycon...

專案中使用富文字編輯器

例 編輯器有很多可自定義的引數項,在例項化的時候可以傳入給編輯器,詳詢 api文件 this.editor window.ue.geteditor container this.editor.addlistener contentchange 效果展示 this.editor.txt.html sa...

百度富文字編輯器的使用

一 引用富文字編輯器的js檔案 二 富文字編輯器html 三 js配置富文字編輯器 var ue ue.geteditor intro 注意事項 intro為文字域的id 例項化編輯器的id的容器上 initialframewidth 富文字顯示的寬度 initialframeheight 富文字顯...