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，先来看看效果吧。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

完善后的KE目录

 

 

完善后的效果1
 
 

 完善后的效果2

 

附件上传效果

 

 

 

 

在线预览效果

 

 

KE、Struts2与Extjs3.3整合效果

 

 

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

  

评论

21 楼 xuxiangpan888 2011-03-27  

是否能粘贴word中的图片

关注很多在线编辑器
都不行，要自己开发插件

20 楼 flyingcat 2011-03-27  

恩，等需用时再捣鼓下。

19 楼 xia9527 2011-03-27  

下载看来看看！不知道是不是开源的！

18 楼 smallboby 2011-03-26  

现在项目用的编辑器也是从fck改成KindEditor,也做了少许改动，但没lz做的好。

17 楼 sunjun 2011-03-26  

以前用过这个，不过就把上传文件部分稍作改了下，LZ改的不错，特别是文件这块，顶一个

16 楼 fengjia10 2011-03-26  

做好这类js组件一个重要原则就是精简，提炼核心功能；将extention以plugin新式发布，并且提供扩展api doc.这是迈向成功的一个坚实的台阶。

楼主的完善有几个亮点：1.去除粘贴wrod文档后的样式（这个很重要，但能不能扩展一下，是不是可以提供选择余地，同时满足两类人需要呢？）；2.上传图片压缩功能；3.还有就是一些细节的处理，比方说title的修改，文件的排序规则等。


加油，国产软件因为有像你们这样的有心人而精彩！！！

15 楼 hot66hot 2011-03-26  

http://hot66hot.iteye.com/blog/599971

14 楼 zhouYunan2010 2011-03-26  

建议美化一下头部bar。图片都太老了。而且很多功能都非常鸡肋。建议精减一些。

13 楼 ch_space 2011-03-26  

提交编辑器内容后，如何自动清空？没发现API里有这个东西。。。

12 楼 steafler 2011-03-26  

这东西不错哟

11 楼 snowstone 2011-03-26  

呵呵,前端时间也学习了一阵子KindEditor,没有楼主弄的好.学习了.

10 楼 senhui19 2011-03-26  

我晕死啦，代码不是全部在DEMO里面么，自己看清楚点吧，请尊重别人的劳动成果好不。

9 楼 elvishehai 2011-03-25  

有什么意思,代码也不给,

8 楼 kongzhizhen 2011-03-25  

ericslegend 写道

可否增加插入代码功能

代码高亮的，可以尝试下把PJBLOG编辑器中的代码高亮插件给趴出来。也是开源的/

7 楼 wad12302 2011-03-25  

jayxu 写道

求图2美女套图地址。

貌似在给某绿茶做广告

观察到重点了

6 楼 kanny87929 2011-03-25  

2008年就开始在用。。。。

5 楼 fixsmall 2011-03-25  

LGPL协议的，等变成MIT协议的时候再考虑

4 楼 何枫abc 2011-03-25  

jayxu 写道

求图2美女套图地址。

貌似在给某绿茶做广告

高人!!!

3 楼 jayxu 2011-03-25  

求图2美女套图地址。

貌似在给某绿茶做广告

2 楼 senhui19 2011-03-25  

呵，这个功能在一般的门户站点运用的比较少，所以就没有集成进去。我想迟点会增添这个功能吧。