百度編輯器圖片上傳功能解疑

•  最頭疼的上傳圖片問題

• 版本選擇和自定義配置

 項目中使用了百度編輯器ueditor，這裏是官網連接，效果還算不錯，使用中的一些經驗，分享在這裏。

我使用的環境是.NET MVC3

最頭疼的上傳圖片問題

ueditor自帶了圖片上傳功能，原理也是使用flash上傳。可是我按照官方的配置修改相應的參數後，發現上傳出現問題，具體體如今：

本地上傳圖片，觸發上傳按鈕後，上傳失敗，代碼中提示 Flash插件初始化失敗，請更新您的FlashPlayer版本以後重試！，主流瀏覽器都是這個錯誤

 

起初我把問題集中在能夠看到的錯誤」提示flash插件初始化錯誤「，可是這是一個迷惑性的提示，錯誤的根本緣由不在這裏。

先看看項目的配置

上傳功能是經過Image.html內部的js調用.NET文件夾中的」後臺方法「實現的，ueditor內置了一些.net處理邏輯

在排錯的過程當中，我發現一個問題，上傳過程不能調試進入內置的後臺方法中，實際上根本緣由是，組件中的Uploader類不在整個.NET解決方案的編譯範圍內，

前臺上傳頁面Image.html獲取不到後臺圖片的json信息，致使上傳失敗。

建議

ueditor內置了一些.net處理邏輯只是爲了實現基本的功能，具體項目中這些代碼須要集中優化。Uploader文件必須單獨提出來編譯，才能完成圖片上傳功能

版本選擇和自定義配置

ueditor提供按需下載的功能,可是這個頁面有時候會屏蔽，因此仍是下載完整版本，開放具體使用的功能，比較科學和安全

因爲ueditor是開源編輯器，下載使用時最好記錄使用的具體版本和支持語言框架。咱們一般最多見的自定義配置是工具欄，而這些配置都是能夠按需增減的。

這裏的按需增減不只體如今在全局配置文件中配置，還能夠在使用的外圍經過js操做配置文件來實現。

1 修改配置項的json數組  window.UEDITOR_CONFIG.toolbars 

2 經過     console.log(window.UEDITOR_CONFIG.toolbars[0]);工具欄配置項

3 增長具體的配置 window.UEDITOR_CONFIG.UserId=100;

經過構造函數，修改其它的配置項

var editor = new baidu.editor.ui.Editor({

pasteplain: true,

imageUrl:""

});

     記得推薦下

暫時寫在這裏，歡迎你們討論，若是以爲有幫助，推薦下吧