3月份的时候写了个JSP版本的kindeditor编辑器的帖子,没有想到大家的响应会这么强烈。不过随着日月的增长,此版本的插件也就暴露出一些BUG,如:Struts2如何集成,web.xml文件中配置上传属性不便修改且繁琐, 上传图片(附件)不能保存于其它盘…………。现在平时开发的项目中都是使用KE作为在线编辑器,为了能更好、更方便的使用此编辑器,在休息的时间对原先的代码进行重构再封装,除对上个版本出现的BUG进行外,还统一整体的命名规范,新增了一些功能。当前新版本插件的版本号为:kindeditor-plugin0.4RELEASE,JAR包中类的列表如下:
此次重构所完成的功能主要有以下几点:
1.重构上传附件页面的选择按,仿图片上传的选择按钮;
2.增加Struts2集成;
3.增加上传属性配置功能,方便站点布署修改(收费);
4.增加其它盘存储功能,可自由选择存放位置方便备份(收费);
5.增加上传图片的文字水印功能(收费);
6.更Kindeditor编辑版本为3.5.6;
7.上传附件分类管理
如果你要把这个KE插件应用到你的项目中,很简单,如是Servlet环境只须一个步骤即可,Struts2环境则需要两个步骤,具体如下:
1.Servlet环境:只需要在web.xml中配置如下的参数
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<servlet>
<servlet-name>KEUploadImgServlet</servlet-name>
<servlet-class>com.elkan.kindeditor.servlet.plugin.KEUploadImgServlet</servlet-class>
<init-param>
<param-name>IMGSAVEPATH</param-name>
<param-value>/upload/image/</param-value>
</init-param>
<!--
缺省上传图片大小
<init-param>
<param-name>MAXSIZE</param-name>
<param-value>1048576</param-value>
</init-param>
缺省上传图片类型
<init-param>
<param-name>IMGTYPES</param-name>
<param-value>jpg,jpeg,png,gif,bmp</param-value>
</init-param>
缺省不压缩图片
<init-param>
<param-name>MAXWIDTH</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>MAXHEIGHT</param-name>
<param-value></param-value>
</init-param>
-->
</servlet>
<servlet>
<servlet-name>KEManageImgServlet</servlet-name>
<servlet-class>com.elkan.kindeditor.servlet.plugin.KEManageImgServlet</servlet-class>
<init-param>
<param-name>IMGSAVEPATH</param-name>
<param-value>/upload/image/</param-value>
</init-param>
</servlet>
<servlet>
<servlet-name>KEUploadAttachServlet</servlet-name>
<servlet-class>com.elkan.kindeditor.servlet.plugin.KEUploadAttachServlet</servlet-class>
<init-param>
<param-name>ATTACHSAVEPATH</param-name>
<param-value>/upload/attach/</param-value>
</init-param>
<!--
缺省上传附件大小
<init-param>
<param-name>MAXSIZE</param-name>
<param-value>10485760</param-value>
</init-param>
缺省上传附件类型
<init-param>
<param-name>ATTACHTYPES</param-name>
<param-value>**</param-value>
</init-param>
-->
</servlet>
<servlet-mapping>
<servlet-name>KEUploadImgServlet</servlet-name>
<url-pattern>/keplugin/KEUploadImg.servlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>KEManageImgServlet</servlet-name>
<url-pattern>/keplugin/KEManageImages.servlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>KEUploadAttachServlet</servlet-name>
<url-pattern>/keplugin/KEUploadAttach.servlet</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<login-config>
<auth-method>BASIC</auth-method>
</login-config>
</web-app>
JSP页面上的Kindeditor配置如下:
KE.show({
id: "editorServlet",
resizeMode: 0,
allowFileManager : true,
imageUploadJson: "/KEPlugin/keplugin/KEUploadImg.servlet",
fileManagerJson: "/KEPlugin/keplugin/KEManageImages.servlet",
//缺省为 *.*表示所有类型文件
//accessoryTypes: "doc|docx",
accessoryUploadJson: "/KEPlugin/keplugin/KEUploadAttach.servlet"
});
2.Struts2环境:先在web.xml中配置Struts2,如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>*.action</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
struts.xml文件配置,如下:(如设置了拦截器,请设置拦截器允许通过类型为KEStruts2Plugin的ACTION)
<!--?xml version="1.0" encoding="UTF-8" ?-->
<struts>
<constant name="struts.i18n.encoding" value="UTF-8"></constant>
<constant name="struts.action.extension" value="action"></constant>
<constant name="struts.configuration.xml.reload" value="true"></constant>
<constant name="struts.multipart.saveDir" value="\temp"></constant>
<constant name="struts.multipart.maxSize" value="104857600"></constant>
<package name="KEPlugin" extends="struts-default" namespace="/keplugin">
<action name="keUploadImg" class="com.elkan.kindeditor.struts2.plugin.KEUploadImgAction">
<!-- 缺省不压缩图片 -->
<!--<param name="maxWidth"></param>-->
<!--<param name="maxHeight"></param>-->
<!-- 缺省上传图片大小 -->
<!--<param name="maxSize">102400</param>-->
<!-- 缺省为jpg,jpeg,png,gif,bmp类型图片 -->
<!--<param name="imgTypes">jpg,jpeg,png,gif,bmp</param>-->
<param name="imgSavePath">/upload/image/</param>
</action>
<action name="keUploadAttach" class="com.elkan.kindeditor.struts2.plugin.KEUploadAttachAction">
<param name="attachSavePath">/upload/attach/</param>
<!-- 缺省上传附件大小 -->
<!--<param name="maxSize">10485760</param>-->
<!-- 缺省上传附件类型 -->
<!--<param name="attachTypes">*.*</param>-->
</action>
<action name="keManagerImages" class="com.elkan.kindeditor.struts2.plugin.KEManageImgAction">
<param name="imgSavePath">/upload/image/</param>
</action>
</package>
</struts>
JSP页面上的Kindeditor配置如下:
KE.show({
id: "editorStruts2",
resizeMode: 0,
allowFileManager : true,
imageUploadJson: "/KEPlugin/keplugin/keUploadImg.action",
fileManagerJson : "/KEPlugin/keplugin/keManagerImages.action",
//缺省为 *.*表示所有类型文件
//accessoryTypes: "doc|docx",
accessoryUploadJson: "/KEPlugin/keplugin/keUploadAttach.action"
});
此次还借助JQuery EasyUI和SyntaxHighlighter语法高亮插件写了应用示例,下面我们就先来预览下Kindeditor在EasyUI模式下的清爽身影吧,闪亮登场……
1.应用示例首页
2.Servlet版本的KE
3.Struts2版本的KE
4.附件上传页面
5.上传图片管理
6.KE编辑器预览效果
其它更多详细的应用功能,详细请见附件下载。最后要记得要支持国产技术发展呀,呵呵
文章就写到这啦,你喜欢的话就拍拍砖吧,嘻嘻……
(不好意思,可能是昨晚太困了下载地址忘记写上去啦)
PS:下载KindEditor应用示例下载
[ 把下载的压缩包上解压到Tomcat服务器的webapps目录下,启动Tomcat服务器,打开浏览器在地址栏输入:http://localhost:端口号/KEPlugin/index.jsp 就可以看到上面截图的应用示例了,Congratulation! ]
- 描述: jarlist
- 大小: 15.2 KB
- 大小: 64.3 KB
- 大小: 253.6 KB
- 大小: 327.2 KB
- 大小: 148.2 KB
- 大小: 40 KB
- 大小: 253.9 KB
分享到:
相关推荐
在运行设置以及编辑器方面也有了较大的改进,它提供了大量的功能:可以使用一个新的标准的Web开发框架,加速Web应用程序;而且比以前更快支持J2EE、Web Applications,可以更灵活的开发软件。本系统采用MVC软件设计...
第4章 在线文本编辑器(FCKeditor) 第5章 验证模块(JSP+Serylet+JSValldation) 第6章 网络硬盘(JSP+Servlet) 第7章 网站统计模块(JSP+Servlet) 第8章 网络购物车(JSP+Servlet+JavaBean) 第9章 搜索索引(Lucene+...
第4章 在线文本编辑器(FCKeditor) 第5章 验证模块(JSP+Serylet+JSValldation) 第6章 网络硬盘(JSP+Servlet) 第7章 网站统计模块(JSP+Servlet) 第8章 网络购物车(JSP+Servlet+JavaBean) 第9章 搜索索引(Lucene+...
第4章 在线文本编辑器(FCKeditor) 第5章 验证模块(JSP+Serylet+JSValldation) 第6章 网络硬盘(JSP+Servlet) 第7章 网站统计模块(JSP+Servlet) 第8章 网络购物车(JSP+Servlet+JavaBean) 第9章 搜索索引(Lucene+...
第4章 在线文本编辑器(FCKeditor) 第5章 验证模块(JSP+Serylet+JSValldation) 第6章 网络硬盘(JSP+Servlet) 第7章 网站统计模块(JSP+Servlet) 第8章 网络购物车(JSP+Servlet+JavaBean) 第9章 搜索索引(Lucene+...
第23章 在线音乐管理系统(ajax+jsp+struts 2.x) 23.1 在线音乐管理系统简述 23.2 在线音乐管理系统前期准备 23.3 在线音乐管理系统具体实现——超级管理员操作 23.4 在线音乐管理系统具体实现——注册...
1.2 带servlet控制器的Model 2 2 1.2.1 Product动作类 3 1.2.2 ControllerServlet类 4 1.2.3 视图 6 1.2.4 部署描述文件 8 1.2.5 示例程序的运行 9 1.3 带过滤器调度程序的Model 2 9 1.4 小结 13 第2章 初识Struts ...
DS-Java DS-Java论坛系统,简单来说就是一个论坛,这个...用到的其他项目:百度富文本编辑器 UEditor 注意:打开根目录里面的sql文件,在数据库软件中建一个dsjava数据库,然后运行sql文件。还有数据库默认用户名roo
全书分4篇,共24章,其中,第1篇为技能学习篇,主要包括Java Web开发环境、JSP语法、JSP内置对象、Java Bean技术、Servlet技术、EL与JSTL标签库、数据库应用开发、初识Struts2基础、揭密Struts2高级技术、Hib锄劬e...
[其他类别]JSP网页HTML编辑器 v1.0 beat_jsphtmleditor [其他类别]JSP无限级分类目录树_sorttree [其他类别]MeyboMail Web(Java)开源简化_meybomailweb [其他类别]MeyboMail Web开源简化版_meybomailweb [其他类别]...
网上这本书的电子版不好这,这是用money换来的——和大家分享! 由于书太大,我把书分成两部分别上传。 内容简介 本书系统全面地介绍了Java中的...第21章 新闻管理系统(Struts+Hibernate) 398 21.1 系统需求分析与...
本压缩包“Struts新闻管理系统学习修正版_newsmanager.rar”是一个基于Java服务器页面(JSP)和Java的实用源码文件包,它为学生、开发者或任何对Web开发感兴趣的人提供了一套完整的新闻管理系统。该系统使用Struts...
文档都可以用文本编辑器打开(可看作txt文件),修改了后缀名只是为了高亮显示 更多更新资料请访问: http://download.csdn.net/user/daillo 内容列表 ================================ readme.txt Asp.net Asp...
9.3.1 Struts配置文件编辑器 171 9.3.2 Struts组件向导 173 9.4编写登录应用 175 9.4.1 应用的流程和目标 175 9.4.2 创建登录成功页面 175 9.4.3 使用新建Form,Action和JSP的向导创建关键组件 176 9.4.4 调整生成的...
以“%”开头,[第几个数值$][flags][宽度][.精确度][格式] printf()的引入是为了照顾c语言程序员的感情需要 格式化输出 Formatter;格式化输入 Scanner;正则表达式 输出格式控制: 转义符: \ddd 1到3位8...
你在浏览器中访问这个应用的Jsp时,通常第一次会很慢,因为Tomcat要将Jsp转化为Servlet文件,然后编译。编译以后,访问将会很快。 Tomcat也具有传统的Web服务器的功能:处理Html页面。但是与Apache相比,它的处理...