在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(Spring、Struts2、Hibernate)框架进行开发,并集成了KindEditor作为富文本编辑器。SSH框架是Java Web开发中常用的三大开源框架组合,它们各自负责不同的...
KindEditor编辑器是一款功能强大的富文本在线编辑器,它提供了丰富的API和自定义选项,使得在Web应用中集成文本编辑功能变得更为简单。相对于FCKeditor,KindEditor在与Struts2框架整合时,有着更便捷的优势,因为它...
2. 在JSP页面上创建KindEditor实例,配置编辑器的属性和功能。 3. 创建一个Struts2 Action,用于接收和处理由KindEditor提交的数据。 4. 在Action中处理文件上传逻辑,包括验证、存储和返回响应。 5. 如果涉及到图片...
而KindEditor是一款功能强大的开源在线文本编辑器,适用于网页中创建富文本内容,支持图片上传、多图上传等功能,广泛应用于网站内容管理、博客系统等项目。 在MyEclipse中集成Struts2和KindEditor,首先需要确保已...
KindEditor则是一款强大的在线文本编辑器,它提供了丰富的富文本编辑功能,如图片上传、格式化等,常用于网站后台的内容编辑。本文将详细阐述如何将KindEditor与Struts2整合,并实现删除图片的功能。 首先,我们...
Kindeditor-v4.0.6 Struts2修订版是一个针对KindEditor编辑器与Struts2框架集成时出现的文件上传问题进行修复的版本。在原版的KindEditor中,当它与Struts2框架整合时,可能会遇到上传功能无法正常工作的情况。这...
在本文中,我们将详细探讨如何将KindEditor与Struts2整合,实现图片上传功能,并使用Bootstrap来优化页面展示。 首先,我们需要下载KindEditor的中文版本,如提供的`kindeditor-4.1.10-zh-CN.zip`文件。解压后,...
这个BBS系统实现了一个有表情的发言功能,这意味着它可能集成了富文本编辑器,如KindEditor或CKEditor,允许用户在发表内容时插入各种表情图标。这种功能增强了用户的交互体验,使得论坛的交流更加生动有趣。 在...
KindEditor是一款功能强大的开源HTML在线编辑器,常用于网页内容编辑和管理,它支持多种编程语言,如PHP、ASP、ASP.NET、Java、Python、Ruby等。在这个"kindeditor示例"中,我们重点关注的是其在Struts框架下的应用...
给大家分享一个前几年闲着蛋疼写(应该叫整合吧)的一个WEB应用框架,整合了Spring,...多文件上传功能以及KindEditor所见即所得编辑器。 关于如何运行请看详细说明文档: http://www.cxy808.com/cxy/20140502/806.html
KindEditor则是一个常见的JavaScript富文本编辑器,用于用户在Web端创建和编辑日记内容。 SSH整合的关键步骤包括: 1. **Spring配置**:首先,我们需要配置Spring的上下文,定义Bean来管理日志系统,如设置日志...
6. **KindEditor**:是一个开源的JavaScript富文本编辑器,提供了多种编辑功能,如字体、字号、颜色、图片上传等,用于网站后台的内容编辑。 7. **GroupUploader**:这是一款JavaScript多文件上传组件,允许用户一...
- 常见组件如图表组件(jfreechart/fusioncharts)、富文本编辑器(KindEditor/CKEditor)、多文件上传、表单验证等,需要根据项目需求选择合适的开源库或自定义开发。 - 分页、Grid、TreeMenu、Tab、下拉框等功能...
15. **前端技术**:JavaScript基础、ECMAScript、HTML5新特性、CSS操作、DOM操作、AJAX技术以及在线编辑器ueditor或kindeditor的使用。 16. **开发者工具**:学习如何使用Chrome和Firefox开发者工具进行调试,理解...