JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能)

          在此之前我一直都是在用FCKEditor在线编辑器,当然也有用过其它在线编辑器如eWebEditor,tinyMCE,CuteEditor,jHtmlArea等等,但在最终项目发布的时候并没有采用它们,因为它们要不是皮肤呆板,就是配置太烦琐,或是功能太少、浏览器兼容性不好等等。去年一个偶然的机会让我认识了KindEditor这款在线编辑器,正如它的名字那样这是款友好的编辑器,它不仅体积小配置简单,而且功能与皮肤也是令人相当的振憾。还有个很重要的因素,它是我们国人的开发的免费工具,从产品发布至今更新脚步未曾停止哦。下面就会大家介绍下经过我完善后的KindEditor吧。

 

     目前官方网站已经将KindEditor更新到了3.5.2版, 从3.4的版本开始官方就去除了一些不常用的功能改用plugin形式来丰富KindEidtor,这就为我们打造个性的插件奠定了基础。其实只要是你的JS基础够扎实,花点时间看看KindEditor的源码,你就完全可以在其原有的基础上完善出你所想要的功能。下面是我的完善记录:

 

1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤;

2.将图片上传与管理的JSP页面改写成SERVLET,同时去除JSON包;

3.添加图片压缩功能,对超出的宽高压缩成指定的值;

4.添加上传附件功能;

5.添加图片、附件按日期文件夹分类管理的功能;

6.添加上传图片、附件的title属性,缺省为原文件名;

7.添加上传附件相关的初始属性

8.修改从word粘贴样式,减少样式。

 

     关于如何使用我就不多说了,官方网站上有详细的API,文章最后我也会给出经我完善的KindEditor还有Demo,先来看看效果吧。

 

JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

完善后的KE目录

 


JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

 

完善后的效果1
 
 
JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

 完善后的效果2


JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

 

附件上传效果

 

 

 

 JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

在线预览效果


 


JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)

 

KE、Struts2与Extjs3.3整合效果

 

 

   最后要说的是这款编辑器真的很不错,相信你用过它后一定会喜欢上它的,呵呵,多多支持国内软件事业的发展吧

  

34 楼 alanlhy 2011-04-24  
没有源代码?
35 楼 com_zyq 2011-04-24  
为什么图片老是上传到 /JSPKindEditor/uploadImg/  根本就不能配置..

/*图片上传的SERVLET路径*/
       imageUploadJson : "/JSPKindEditor/uploadImage.html",
       /*图片管理的SERVLET路径*/    
       fileManagerJson : "/JSPKindEditor/uploadImgManager.html",
       /*允许上传的附件类型*/
       accessoryTypes : "doc|xls|pdf|txt|ppt|rar|zip",
       /*附件上传的SERVLET路径*/
       accessoryUploadJson : "/JSPKindEditor/uploadAccessory.html"

这个要干嘛的? "/JSPKindEditor/uploadImgManager.html",这些是在哪里的呀.
压根就找不到.(俺是新来的)

到处都是定义上传类型, 是不是很累赘啊. 在web.xml里设置, 在JSP里设置.
带面里也有设置.
36 楼 jk19910410 2011-04-24  
那个菜单不能正常显示中怎么办?
37 楼 wakqqq 2011-04-28  
楼主可以给我发一份源代码吗?谢谢你了,307374319@qq.com
38 楼 mienimaer 2011-04-28  
我也曾经在spring mvc下整合过,只是少了附件功能和图文平排的效果。
要是能做到类似百度空间的分列排版,就更好了。
我遇到的问题是,AJAX调用KE的时候,firebug会报脚本错误,但不影响使用。
39 楼 sziitjiang 2011-05-03  
/*图片上传的SERVLET路径*/
       imageUploadJson : "/JSPKindEditor/uploadImage.html",
       /*图片管理的SERVLET路径*/    
       fileManagerJson : "/JSPKindEditor/uploadImgManager.html",
       /*允许上传的附件类型*/
       accessoryTypes : "doc|xls|pdf|txt|ppt|rar|zip",
       /*附件上传的SERVLET路径*/
       accessoryUploadJson : "/JSPKindEditor/uploadAccessory.html"
其中uploadImage.html,uploadImgManager.html,uploadAccessory.html是什么东西?望指点...文件中确实没有找到这个东东
40 楼 sziitjiang 2011-05-03  
"服务器发生故障",怎么办?
41 楼 sziitjiang 2011-05-04  
大哥,这次我发现真理了,原来用了struts2 不能用servlet了,不过改一下filter就OK了,哈哈,确实,要是大哥您能弄一个struts版的出来就更好啦,那就少用一个jar包了....而且,servlet的配置也挺长的,哈哈...还是谢谢啦,对了,如果您忙的话,不介意把servlet的源码共享一下吧,我们来做struts版的!反编译的效果不是很好
42 楼 senhui19 2011-05-05  
<p>kindeditor.jar源码已经公布,请查看:<a title="kindeditor.jar源码" href="/topic/1028917" target="_blank">http://www.iteye.com/topic/1028917</a></p>
<p> </p>
43 楼 java_林 2011-05-26  
sziitjiang 写道
"服务器发生故障",怎么办?

原因是41楼所说的,web.xml中不要写成<url-pattern>/*</url-pattern>
换成具体的<url-pattern>*.action</url-pattern>
44 楼 不记得 2011-07-04  
太感谢了!JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)
45 楼 justdo2008 2011-07-30  
非常感谢你。不过在使用说明的txt里上几句配置。。最后在war里找到,然后改了下,呵呵。谢谢
46 楼 justdo2008 2011-07-30  
另外有朋友说strus2版本的不好处理,我在web配置的时候,没有配置*.action之类的,因为有的东西需要控制,不知道我这么配置是不是会浪费。不过目前看来没什么问题。就是配置要多些。
47 楼 lr890823 2011-08-27  
楼主能不能把你的Extjs + struts + kindeditor的项目源码发一下啊,我最近做一个东西,急需啊,万分感谢!万分感谢!415110946@qq.com
48 楼 gaohuixiang315 2011-09-13  
很强大的编辑器,支持一下。。。JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能)
49 楼 lys221221 2011-09-24  
你的这几个文件那 uploadImage.html uploadImgManager.html uploadAccessory.html 能不能给发下 啊497234690QQ
50 楼 lys221221 2011-09-24  
不然怎么用啊
51 楼 gaohuixiang315 2011-10-07  
最新版本的Kindeditor配置 更简单 哦
52 楼 lilin9043 2011-10-27  
JSP版的完善KindEditor在线编辑器(带附件下传与图片按日期分类管理功能) 你好!现在我的项目需要用到,  我这个项目比较小,用了Struts2+JDBC  现在我需要用到编辑器,我看到你的文件,但是我没有看懂,这个我比较急,能QQ聊一下吗?616881417
53 楼 feifeiyang 2012-08-30  
下不下来,能否给发一份 yangfei_kingking@163.com 谢谢了。