java 和 ueditor 百度 編輯器 挖坑

最近有一個任務 需要去動態自己生成頁面,我一個前端白癡 現在來慢慢 摸坑

下載地址 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());

這樣纔會讓 百度編輯器識別

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章