最近有一個任務 需要去動態自己生成頁面,我一個前端白癡 現在來慢慢 摸坑
下載地址 https://ueditor.baidu.com/website/download.html
這個編輯器的功能比較強大 下面是我的目錄結構
將 java代碼 copy 進入這個目錄
這是前端代碼 copy進入你的目錄
接下來 我們來研究研究初始化 後端配置
這個就是讀取json 文件 讀的文件是 哪個了 就是
爲了 方便理解 我將這個文件 單獨放出來 方便我們去讀取,裏面的配置 我就 不說了 百度一大堆
初始化代碼 action 是讀取json 文件 得到的 裏面 監聽 上傳圖片的action
var ue = UE.getEditor('text', { zIndex: 2000});;
UE.Editor.prototype._bkGetActionUrl=UE.Editor.prototype.getActionUrl;
UE.Editor.prototype.getActionUrl=function(action){
console.log("2222"+action);
if (action == "uploadimage"){
/* 這裏填上我們自己的上傳圖片的方法名 */
return 'news/upload';
}else{
return this._bkGetActionUrl.call(this, action);
}
};
最後 定義一個接口去接收圖片就行
這樣自己想怎麼處理圖片 怎麼處理 但是 返回的參數 一定要是
Map<String, Object> params = new HashMap<String, Object>();
params.put("state", "SUCCESS");
params.put("url", aLiyun);
params.put("size", upfile.getSize());
params.put("original", orgName);
params.put("type", upfile.getContentType());
這樣纔會讓 百度編輯器識別