vue整合百度富文字編輯器

2022-03-15 06:27:39 字數 1638 閱讀 4978

utf-8版

(有圖有真相,看圖)

注意的點:有人會問為什麼,不放在src的下面,非要和index.html平級?

值得說的是你不知道,後面操作上傳等上傳按鈕的時候,載入的是ue下html檔案,vue框架只有乙個index.html模板,其他都是路由載入模組,放在src的下面**經          過壓縮後,上傳後再次嵌入整個框架,也就是index.html模板。所以放在與index.html平級下,點選富文字上傳等功能時候,就會單個載入ue下html檔案,也不會報已下       錯誤:

codemirror.js:1 uncaught syntaxerror: unexpected token <

zeroclipboard.js:1 uncaught syntaxerror: unexpected token <

ueditor.all.min.js:11 uncaught referenceerror: zeroclipboard is not defined

at a (ueditor.all.min.js:11)

at ueditor.all.min.js:11

at htmlscriptelement.i.onload.i.onreadystatechange (ueditor.all.min.js:7)

3.修改ue下ueditor.config.js中的路徑

4.在專案main.js中引入ue下的js

import '../public/static/ue/ueditor.config.js'

import '../public/static/ue/ueditor.all.min.js'

import '../public/static/ue/lang/zh-cn/zh-cn.js'

import '../public/static/ue/ueditor.parse.js'

可引入,也可不引入

import '../public/static/ue/themes/default/css/ueditor.css'

樣式必須引入

ue編輯器示例

需要使用編輯器時,呼叫ue公共元件即可。可設定填充內容defaultmsg,配置資訊config(寬度和高度等),可呼叫元件中獲取內容的方法。支援頁面內多次呼叫。

獲取內容

獲取無文字內容

7.執行專案效果如圖:

8.會出現這樣的報錯,是由於後端無配置介面請求,後續完善

Jfinal整合百度富文字編輯器ueditor

ueditor配置檔案ueditor.config.js修改引數serverurl 改為要呼叫的action 後台 package com.sandu.mega.admin.ueditor import com.jfinal.aop.clear import com.jfinal.core.cont...

VUE 百度富文字編輯器

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

百度UEditor富文字編輯器

修改上傳的路徑 解壓出來 ueditor php config.json 中修改 二 模板中呼叫 1 html 2 js var ue ue.geteditor container 注意這個要一對一 三,讓自適應100 開啟 ueditor ueditor.config.js 找到initialfr...