富文本编辑器后台代码

1、下载ueditor
打开http://ueditor.baidu.com/website/download.html#ueditor

需要下载两个压缩包

1、下载完整源码,并解压

2、下载jsp版本【UTF-8】,并解压

源码版本是为了使用里面的java文件,而后来发现在源码版本中没有ueditor.all.min.js文件,而在前端是需要引入这个js文件的,所以需要再把jsp版本下载下来,该版本中有该js文件。

2、java后台部分
2.1 config.json文件
在java项目的 src/main/webapp 目录下新建一个conf目录,然后在解压后的源码版本中的 jsp 目录下找到config.json文件,把它复制到新建的conf目录下,并做修改。

该文件是用来配置ueditor编辑器的上传文件的功能的各种参数的。

该文件复制utf8-jsp\jsp源码下的config.json文件就可以

2.2 然后把源码版本中的jsp/src/com目录下的baidu这个文件夹拷贝到项目com.xiao包下

  拷贝后,里面的java文件会报错,只需要修改各个java文件的package包路径和引用其他文件即可


   如果还是报错,可以导入下面的maven依赖

 由于我的我的配置文件放在resources下了,所以我在ConfigManager.java中修改了代码:

修改如下:
在ConfigManager.java 40行左右

uri我传的是项目中的绝对路径

2.3 Controller层代码

@RequestMapping(value = "/exec", method = {RequestMethod.GET})
public void exec(HttpServletRequest request, HttpServletResponse response, String action) {
    response.setContentType("application/json");
    String rootPath = request.getSession().getServletContext().getRealPath("/");
    try {
        if ("config".equals(action)) {    //如果是初始化
            String exec = new ActionEnter(request, rootPath).exec();
            PrintWriter writer = response.getWriter();
            writer.write(exec);
            writer.flush();
            writer.close();
        }
    } catch (Exception e) {
    }
}

@RequestMapping(value = "/file", method = RequestMethod.POST)
public void ueditorFile(@RequestParam(value = "upfile") MultipartFile file, HttpServletResponse response, String action) {
    response.setContentType("application/json");
    if ("uploadimage".equals(action)) { //|| "uploadvideo".equals(action) || "uploadfile".equals(action)    //如果是上传图片、视频、和其他文件
        try {
            //封装腾讯云需要的参数
            Map map = new HashMap();
            map.put("secretId", secretId);
            map.put("secretKey", secretKey);
            map.put("readpathprefix", readpathprefix);
            map.put("region", region);
            map.put("appId", appId);
            JSONObject jo = new JSONObject();
            long size = file.getSize();    //文件大小
            String originalFilename = file.getOriginalFilename();  //原来的文件名
            Upload upload = new Upload();
            String uploadInfo = upload.upload(file, map);
            if (!"".equals(uploadInfo)) {    //如果上传成功
                String[] infoList = uploadInfo.split(";");
                jo.put("state", "SUCCESS");
                jo.put("original", originalFilename);//原来的文件名
                jo.put("size", size);//文件大小
                jo.put("title", infoList[1]);//随意,代表的是鼠标经过图片时显示的文字
                jo.put("type", FilenameUtils.getExtension(file.getOriginalFilename()));//文件后缀名
                jo.put("url", infoList[2]);//这里的url字段表示的是上传后的图片在图片服务器的完整地址(http://ip:端口/***/***/***.jpg)
            } else {    //如果上传失败
            }
            ResponseUtils.renderJson(response, jo.toString());
            //    }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }else{
        ResponseUtils.renderText(response,"请上传图片");
    }
}

2.4 工具类ResponseUtils代码


import java.io.IOException;
import javax.servlet.http.HttpServletResponse;

public class ResponseUtils {
    //发送内容
    public static void render(HttpServletResponse response, String contentType, String text) {
        response.setContentType(contentType);
        try {
            response.getWriter().write(text);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    //发送json
    public static void renderJson(HttpServletResponse response, String text) {
        render(response, "application/json;charset=utf-8", text);
    }

    //发送xml
    public static void renderXml(HttpServletResponse response, String text) {
        render(response, "text/xml;charset=utf-8", text);
    }

    //发送text
    public static void renderText(HttpServletResponse response, String text) {
        render(response, "text/plain;charset=utf-8", text);
    }
}

2.5 Upload代码是腾讯云上传图片的代码,所以就没有上传,
这是我写好上传之后的总结,所以如果有什么疏漏,可以在评论问我,我会尽可能回答您,如果有前端需求的,可以参考下面链接:
来源: https://www.cnblogs.com/libo0125ok/p/8127049.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值