SpringMVC4.0+maven 整合ueditor1.4

最新推荐文章于 2018-09-27 16:57:08 发布

chenrrrrr1994

最新推荐文章于 2018-09-27 16:57:08 发布

阅读量140

点赞数

分类专栏： java

java 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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

第二部：搭建MAVEN+SpringMVC项目

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

项目展示

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

项目展示

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

在pom.xml中引入


   
   
     
     
      
      
     
     
     
     
      
      
       
        <!– 上传组件包 –>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           <dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <groupId>commons-fileupload</groupId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <artifactId>commons-fileupload</artifactId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <version>
       
       1.3.1</version>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           </dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           <dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <groupId>commons-io</groupId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <artifactId>commons-io</artifactId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <version>
       
       2.4</version>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           </dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           <dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <groupId>commons-codec</groupId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <artifactId>commons-codec</artifactId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <version>
       
       1.9</version>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           </dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
       
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           <dependency>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <groupId>org.json</groupId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <artifactId>json</artifactId>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
             <version>
       
       20140107</version>
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
           </dependency>

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

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

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

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

如果这个配置错误，会出现以下错误：

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

b、点击”多图”图标，会出现

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

     
     
      
      
     
     
     
     
      
      
       
           }
      
      
     
     

     
     
      
      
     
     
     
     
      
      
       
       }