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());

这样才会让 百度编辑器识别

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