SpringMVC4.0+maven 整合ueditor1.4

第一步:去官网下载【完整源码】和【JSP-UTF8】。http://ueditor.baidu.com/website/download.html


SpringMVC4.0+maven 整合ueditor1.4_第1张图片

第二部:搭建MAVEN+SpringMVC项目

1、下载【完整源码】的 解压,拷贝ueditor1_4_3_3-src.>jsp>src下的com代码拷贝到根目录下


SpringMVC4.0+maven 整合ueditor1.4_第2张图片

项目展示


SpringMVC4.0+maven 整合ueditor1.4_第3张图片

2、下载【JSP-UTF8】的 解压并命名为ueditor,拷贝ueditor到根目录下,将jsp中的config.json移到ueditor下面,并删除jsp目录。

SpringMVC4.0+maven 整合ueditor1.4_第4张图片



项目展示

SpringMVC4.0+maven 整合ueditor1.4_第5张图片



3、在spring配置文件中设置静态文件


SpringMVC4.0+maven 整合ueditor1.4_第6张图片


在pom.xml中引入

 
    
      commons-fileupload
      commons-fileupload
      1.3.1
    
    
      commons-io
      commons-io
      2.4
    
    
      commons-codec
      commons-codec
      1.9
    

    
      org.json
      json
      20140107
    



4、在controller层,写一个Ueditor的统一入口接口,路径为:ueditor/upload



@Controller
@RequestMapping(value = "/ueditor")
public class UeditorController {

    @RequestMapping(value = "/upload")
    public void config(HttpServletRequest request, HttpServletResponse response) {
        response.setContentType("application/json");
        String rootPath = request.getSession().getServletContext().getRealPath("/");
        try {
            String exec = new ActionEnter(request, rootPath).exec();
            PrintWriter writer = response.getWriter();
            writer.write(exec);
            writer.flush();
            writer.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}


5、修改在ueditor目录下的ueditor.config.js中的统一入口为 ueditor/upload

SpringMVC4.0+maven 整合ueditor1.4_第7张图片



6、修改在ueditor目录下的config.json中的图片配置,我这里只是把图片的访问路径设置为带地址的路径,也就是 

imageUrlPrefix+imagePathFormat,可以直接访问到图片


SpringMVC4.0+maven 整合ueditor1.4_第8张图片



7、配置ueditor的配置文件的初始化文件。找到com.baidu.ueditor.ConfigManager.getConfigPath()方法打个断点,这个方法返回的就是 ueditor目录下的config.json的路径


SpringMVC4.0+maven 整合ueditor1.4_第9张图片

如果这个配置错误,会出现以下错误:

a、ueditor/upload请求返回“配置文件初始化失败”;

b、点击"多图”图标,会出现

SpringMVC4.0+maven 整合ueditor1.4_第10张图片


8、如果你的spring.xml配置文件中,没有使用上传,现在就可以正常使用了。如果使用了那么重新isMultipart方法

public class UeditorCommonsMultiparResolver extends CommonsMultipartResolver {

    @Override
    public boolean isMultipart(javax.servlet.http.HttpServletRequest request) {
        String uri = request.getRequestURI();
        if (uri.indexOf("ueditor/upload") > 0) {
            return false;
        }
        return super.isMultipart(request);
    }
}


spring.xml配置文件指向该类

SpringMVC4.0+maven 整合ueditor1.4_第11张图片


你可能感兴趣的:(springMVC,spring,mvc,maven,uedior)