vue使用百度編輯器ueditor踩坑記錄

1、使用

下載放入項目

main.js引入

import '../static/UE/ueditor.config.js';
import '../static/UE/ueditor.all.js';
import '../static/UE/lang/zh-cn/zh-cn.js';
import '../static/UE/ueditor.parse.min.js';

ueditor.config.js修改路徑

window.UEDITOR_HOME_URL = "/static/UE/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();

雖然能夠使用了但有許多報錯

2、去掉輸入內容保存成功提示

ueditor.config.js原代碼

註釋去掉，改成false

舊版本ueditor.all.js第2萬多行，找到autosave方法

增長代碼

if (!me.getOpt('enableAutoSave')) {
                        return;
                    }

3、後臺配置錯誤

ueditor.all.js 6千多行，註釋掉 loadServerConfig方法

 /* 嘗試異步加載後臺配置 */
            // me.loadServerConfig();

4、打包部署css路徑錯誤

window.UEDITOR_HOME_URL = "/static/UE/";
//去掉斜槓，改成
window.UEDITOR_HOME_URL = "static/UE/";

5、zeroclipboard錯誤

打包後，回來進入開發環境報錯，依照網上的方法嘗試後都不成功後改調試發現zeroclipboard.js的路徑不對，因而將window.UEDITOR_HOME_URL 改回 "/static/UE/";成功

網上的方法：https://www.cnblogs.com/baobaodong/p/4997034.html
還有一個方法是說將UE.getEditor()改成window.UE.getEditor()

6、replace報錯

 

7、編輯器內容高度太多，自動出現滾動條方法

背景：ueditor編輯框，當內容過多的時候，ueditor編輯框會自動變高，致使整個編輯頁面會邊長，而個人提交按鈕又在ueditor編輯框最下面，致使編輯長文章還須要鼠標往下拉好幾回纔看到提交按鈕。

解決辦法：

autoHeightEnabled {Boolean} [默認值：true] //是否自動長高，默認true

ueditor.config.js直接改autoHeightEnabled：false
或者

var ue = UE.getEditor( container , {
 autoHeightEnabled:false,
});