`
chang8536
  • 浏览: 13543 次
  • 性别: Icon_minigender_1
  • 来自: 滨州
社区版块
存档分类
最新评论

struts2 + 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>

 

 

完成。

 

分享到:
评论

相关推荐

    自己实现的简单weike系统(ssh+kindEditor)

    这个项目是一个自建的简易威客(weike)平台,它采用SSH(Spring、Struts2、Hibernate)框架进行开发,并集成了KindEditor作为富文本编辑器。SSH框架是Java Web开发中常用的三大开源框架组合,它们各自负责不同的...

    kindEditor编辑器与struts2整合的源文件

    KindEditor编辑器是一款功能强大的富文本在线编辑器,它提供了丰富的API和自定义选项,使得在Web应用中集成文本编辑功能变得更为简单。相对于FCKeditor,KindEditor在与Struts2框架整合时,有着更便捷的优势,因为它...

    struts2image kindeditor

    2. 在JSP页面上创建KindEditor实例,配置编辑器的属性和功能。 3. 创建一个Struts2 Action,用于接收和处理由KindEditor提交的数据。 4. 在Action中处理文件上传逻辑,包括验证、存储和返回响应。 5. 如果涉及到图片...

    Myeclipse struts2框架的文本在线编辑器kindeditor-4.1.9

    而KindEditor是一款功能强大的开源在线文本编辑器,适用于网页中创建富文本内容,支持图片上传、多图上传等功能,广泛应用于网站内容管理、博客系统等项目。 在MyEclipse中集成Struts2和KindEditor,首先需要确保已...

    kindeditor整合struts2 并且增加删除图片功能

    KindEditor则是一款强大的在线文本编辑器,它提供了丰富的富文本编辑功能,如图片上传、格式化等,常用于网站后台的内容编辑。本文将详细阐述如何将KindEditor与Struts2整合,并实现删除图片的功能。 首先,我们...

    kindeditor-v4.0.6 Struts2修订版

    Kindeditor-v4.0.6 Struts2修订版是一个针对KindEditor编辑器与Struts2框架集成时出现的文件上传问题进行修复的版本。在原版的KindEditor中,当它与Struts2框架整合时,可能会遇到上传功能无法正常工作的情况。这...

    kindeditor图片上传 struts2实现

    在本文中,我们将详细探讨如何将KindEditor与Struts2整合,实现图片上传功能,并使用Bootstrap来优化页面展示。 首先,我们需要下载KindEditor的中文版本,如提供的`kindeditor-4.1.10-zh-CN.zip`文件。解压后,...

    Struts2+Hibernate开发的BBS系统(可做毕业设计参考)

    这个BBS系统实现了一个有表情的发言功能,这意味着它可能集成了富文本编辑器,如KindEditor或CKEditor,允许用户在发表内容时插入各种表情图标。这种功能增强了用户的交互体验,使得论坛的交流更加生动有趣。 在...

    kindeditor示例

    KindEditor是一款功能强大的开源HTML在线编辑器,常用于网页内容编辑和管理,它支持多种编程语言,如PHP、ASP、ASP.NET、Java、Python、Ruby等。在这个"kindeditor示例"中,我们重点关注的是其在Struts框架下的应用...

    SSH整合(Spring+Shiro+Hibernate) - 你会喜欢的

    给大家分享一个前几年闲着蛋疼写(应该叫整合吧)的一个WEB应用框架,整合了Spring,...多文件上传功能以及KindEditor所见即所得编辑器。 关于如何运行请看详细说明文档: http://www.cxy808.com/cxy/20140502/806.html

    SSH日记程序整合

    KindEditor则是一个常见的JavaScript富文本编辑器,用于用户在Web端创建和编辑日记内容。 SSH整合的关键步骤包括: 1. **Spring配置**:首先,我们需要配置Spring的上下文,定义Bean来管理日志系统,如设置日志...

    ssh rest ws jax-rs jersey 做的小网站后台及web service接口

    6. **KindEditor**:是一个开源的JavaScript富文本编辑器,提供了多种编辑功能,如字体、字号、颜色、图片上传等,用于网站后台的内容编辑。 7. **GroupUploader**:这是一款JavaScript多文件上传组件,允许用户一...

    大数据功能模块概要设计_V1.1.docx

    - 常见组件如图表组件(jfreechart/fusioncharts)、富文本编辑器(KindEditor/CKEditor)、多文件上传、表单验证等,需要根据项目需求选择合适的开源库或自定义开发。 - 分页、Grid、TreeMenu、Tab、下拉框等功能...

    JAVA培训机构教学大纲.docx

    15. **前端技术**:JavaScript基础、ECMAScript、HTML5新特性、CSS操作、DOM操作、AJAX技术以及在线编辑器ueditor或kindeditor的使用。 16. **开发者工具**:学习如何使用Chrome和Firefox开发者工具进行调试,理解...

Global site tag (gtag.js) - Google Analytics