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

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

版权声明:本文为qq_41684939原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41684939/article/details/91381865