1. 程式人生 > >ueditor百度編輯器常見報錯的解決方法

ueditor百度編輯器常見報錯的解決方法

如果是第一次使用ueditor百度編輯器,或者對它不熟悉的情況下使用,會出現一些常見問題和報錯。怎麼使用建議參考ueditor官網,這裡只談一些常見錯誤。


問題:‘UE’ is not defind

我是在vue中呼叫UE裡面的方法時遇到的這個問題。這是ESlint的程式碼風格警告,雖然不影響功能的使用,看上去非常不爽,解決方法是在前面用window呼叫,即:this.ue = window.UE.getEditor()。

問題:工具欄可見,編輯區域沒有高度

在UE載入完成後,設定高度

this.ue.addListener('ready', function () {
      // 設定編輯區域高度
      _this.ue.setHeight(400);
});
// ue是提前定義的


問題:報錯: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

這個問題是webpack打包後出現的,是因為webpack使用的是嚴格模式打包。有人用一些外掛外掛來解決這個問題,但是我會盡量不使用外掛,採用的是修改webpack打包配置,略過某個檔案,又不影響其他檔案的嚴格模式。

{
       test: /\.js$/,
       loader: 'babel-loader',
       exclude: /node_modules/,
       // 取消富文字的嚴格模式,注意路徑
       options: {
            "presets": ["es2015"],
            "ignore": [
                  "./src/static/utf8-php/ueditor.all.js"
            ]
       }
}

問題:配置項http錯誤,上傳功能將不能正常使用!

在本地測試都會報這個錯,這就需要你和後臺共同解決圖片上傳的配置問題。

最後大功告成,如圖: