struts2 + kindeditor在线编辑器整合

最新推荐文章于 2017-10-21 15:39:21 发布

最新推荐文章于 2017-10-21 15:39:21 发布 · 169 阅读

文章标签：

#struts2 #Java #kindeditor

Java 同时被 2 个专栏收录

9 篇文章

订阅专栏

struts2

5 篇文章

订阅专栏

本文介绍了在Struts2框架中使用KindEditor进行在线编辑时，遇到上传文件失败的问题，并提供了解决方案，包括JS代码、HTML代码、自定义过滤器类以及修改web.xml配置，确保KindEditor模块可以正常处理文件上传。

在struts2中用kindeditor在线编辑的话，上传文件会遇到上传失败的问题，因为所有请求都会被struts2拦截，解决这种方法有很多，下面为其中之一。

1、JS代码片段

<script>
	
	KindEditor.ready(function(K) {
			var editor1 = K.create('textarea[name="content1"]', {
				cssPath : '<%=basePath%>kindeditor-4.1.10/plugins/code/prettify.css',
				uploadJson : '<%=basePath%>kindeditor-4.1.10/jsp/upload_json.jsp',
				fileManagerJson : '<%=basePath%>kindeditor-4.1.10/jsp/file_manager_json.jsp',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						document.forms['example'].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						document.forms['example'].submit();
					});
				}
			});
			prettyPrint();
		});

2、HTML代码片段

<tr> 
<th scope="row" abbr="Model" class="spec" style="width: 300px;"><a style="color:  fe8b0f">*</a>商品详情:</th> 
<td>

<textarea name="content1"></textarea>
</td>
</tr>

3、新建一个过滤器类，随便一个包都行。

package util;
import java.io.IOException;  
import javax.servlet.FilterChain;  
import javax.servlet.ServletException;  
import javax.servlet.ServletRequest;  
import javax.servlet.ServletResponse;  
import javax.servlet.http.HttpServletRequest; 
 

import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;

public class KindeditorUrlFilter extends StrutsPrepareAndExecuteFilter {
public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain) 
throws IOException, ServletException {  
       HttpServletRequest request = (HttpServletRequest) req;  
       //不过滤的url  
       String url = request.getServletPath();
     
       if ("/kindeditor-4.1.10/jsp/file_manager_json.jsp".equals(url)) {  
          
          
           chain.doFilter(req, res);  
       }else if("/kindeditor-4.1.10/jsp/upload_json.jsp".equals(url)){
    	   chain.doFilter(req, res);
       }else{  
           //System.out.println("使用默认的过滤器");  
           super.doFilter(req, res, chain);  
       }  
   }  
}

4、修改web.xml

<filter>
		<filter-name>struts2</filter-name>
		<!--<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>-->
		<!-- 手动过滤工具，在线编辑器模块，继承struts2 -->
		<filter-class>util.KindeditorUrlFilter</filter-class>
	
	</filter>

	<filter-mapping>
		<filter-name>struts2</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>

完成。