KindEditor 3.0 alpha基本已完成

经过一个多月的开发，3.0 alpha版本基本已完成，接下来会进入完善代码和修改BUG的阶段。因为代码还需要整理，所以正式发布还需要一段时间，11月30日我会正式发布3.0 alpha版本，12月下旬发布稳定版本。

3.0重写了所有代码，结构完全不一样，代码结构更精简易懂，非常适合嵌入到互联网应用页面里。3.0开发过程中部分参考了TinyMCE和FCKeditor的设计思想，借用了KDE桌面的ICON。

演示地址：
http://kindsoft.net/ke/examples/
注：因sourceforge空间原因，目前无法演示上传图片功能。

SVN：
http://kindeditor.googlecode.com/svn/trunk

KindEditor的主要特点：
1. 代码量少，功能比较多。（页面加载的时候，总共下载50KB的文件。JS一个:33KB, CSS一个:8KB, GIF2张:8KB + 1KB）
2. 通过添加plugin的方法，可以自定义功能。
3. 可以任意改变编辑器风格，和网站融为一体。
4. 代码容易理解，是一个可维护、可控制的编辑器。

目前测试过的浏览器有：
Windows XP, Internet Explorer 6.0
Windows XP, Internet Explorer 7.0
Windows XP, Mozilla Firefox 3.0.3
Ubuntu 8.04 Firefox 3.0.3
Windows XP, Chrome 0.3.154.9
Windows XP, Safari 3.1.2
Windows XP, Opera 9.60

代码已经发布了。
http://www.iteye.com/news/4326

评论

39 楼 leeight 2008-12-03  

不错，不过更希望能看到一些对Selection，Range的兼容性处理。
这些才是编辑器的核心。

38 楼 xzs 2008-12-02  

用editor会不会被跨站脚本攻击？
KindEditor支持html编辑和UBB切换吗？

37 楼 fangdk 2008-12-02  

luolonghao 写道

fangdk 写道

编辑帖子，弹出一个层，编辑器在弹出的层里，貌似会出错。

firebug提示出错：

parent.KE is undefined
getFullHtml()("KindEditor", "")kindedit...r-core.js （行 200）
create()("KindEditor")kindedit...r-core.js （行 620）
show()kindedit...r-core.js （行 707）
[Break on this error] if (parent.KE.browser == 'IE') {

代码有问题，应该用KE.browser == 'IE'，去掉parent.看看。

可以了，谢谢luolonghao！

36 楼 luolonghao 2008-12-02  

fangdk 写道

编辑帖子，弹出一个层，编辑器在弹出的层里，貌似会出错。

firebug提示出错：

parent.KE is undefined
getFullHtml()("KindEditor", "")kindedit...r-core.js （行 200）
create()("KindEditor")kindedit...r-core.js （行 620）
show()kindedit...r-core.js （行 707）
[Break on this error] if (parent.KE.browser == 'IE') {

代码有问题，应该用KE.browser == 'IE'，去掉parent.看看。

35 楼 luolonghao 2008-12-02  

facejava 写道

上传图片的组件究竟怎么用啊,我在jsp环境下试了很多遍也不可以的,

parent.KE.plugin[image].insert(id,...)的字符串怎么组合啊

直接在页面加载的时候,插入图片也不行啊.

请楼主说一下,怎么使用插入图片功能  谢谢

图片上传后，通过执行parent.KE.plugin[image].insert(id,...)把上传的图片插入到编辑器里。jsp也和php一样，请参照php/upload.php。

34 楼 fangdk 2008-12-02  

编辑帖子，弹出一个层，编辑器在弹出的层里，貌似会出错。

firebug提示出错：

parent.KE is undefined
getFullHtml()("KindEditor", "")kindedit...r-core.js （行 200）
create()("KindEditor")kindedit...r-core.js （行 620）
show()kindedit...r-core.js （行 707）
[Break on this error] if (parent.KE.browser == 'IE') {

33 楼 facejava 2008-12-02  

上传图片的组件究竟怎么用啊,我在jsp环境下试了很多遍也不可以的,

parent.KE.plugin[image].insert(id,...)的字符串怎么组合啊

直接在页面加载的时候,插入图片也不行啊.

请楼主说一下,怎么使用插入图片功能  谢谢

32 楼 gstripe 2008-12-01  

blackboy_my 写道

感谢楼主的辛苦劳动，代码什么时候发布？我一定要下下来用用

已经发布了，楼主有发新闻在je上了。

31 楼 blackboy_my 2008-12-01  

感谢楼主的辛苦劳动，代码什么时候发布？我一定要下下来用用

30 楼 gstripe 2008-12-01  

KIND，我发现不知道怎末设置100%
style="width:100%;height:300px;visibility:hidden;"
这个设置了似乎没有效果，窗口大小变化不会自动影响。
只在第一次有效。

29 楼 mazzystar 2008-11-30  

看了例子感觉确实很精简，准备试用下 楼主加油

28 楼 showtime520 2008-11-30  

前一阵子用过FCKeditor，有很多漏洞供前台用户直接操作后台文件。不知道KindEditor有没有改进

27 楼 showtime520 2008-11-30  

标记一下，关注

26 楼 hpshare 2008-11-29  

强 呵呵  努力

25 楼 allenjiang 2008-11-28  

真的很棒
加油

24 楼 gstripe 2008-11-28  

luolonghao 写道

caiceclb 写道

我对编辑器很感兴趣，请问：怎样实现对选中文本执行指定操作，比如一行中选中几个字，然后改变字体颜色这样的操作？

另外：为什么不一开始就实现xhmtl格式呢？而且源码还是大写的html标签，改成小写应该不难吧？（莫见怪，不太懂这个，至少小写的html标签是XHTML的第一步，然后是闭合单独的标签）

请参考DOM的iframe designMode, selection, range方面的资料。
现在用浏览器本身的功能来取得HTML，所以每个浏览器结果不一致。要输出XHTML需要自己实现，在计划中。

的确，我在IE中 document.body.innerHTML 标签是大写。
其他的浏览器没试过。

23 楼 luolonghao 2008-11-28  

gstripe 写道

luolonghao 写道

星期三为了适应各种风格，调整了编辑器布局（div -> table），还有问题，周末要抓紧完成了。

加油，现在svn检出，学习。
luo你是19811214生日的吧？
会不会在1214放出纪念版呵。

这个都被你发现了，其它地方还有19811212, 19811213，1212是我老婆的生日。然后++。

22 楼 luolonghao 2008-11-28  

caiceclb 写道

我对编辑器很感兴趣，请问：怎样实现对选中文本执行指定操作，比如一行中选中几个字，然后改变字体颜色这样的操作？

另外：为什么不一开始就实现xhmtl格式呢？而且源码还是大写的html标签，改成小写应该不难吧？（莫见怪，不太懂这个，至少小写的html标签是XHTML的第一步，然后是闭合单独的标签）

请参考DOM的iframe designMode, selection, range方面的资料。
现在用浏览器本身的功能来取得HTML，所以每个浏览器结果不一致。要输出XHTML需要自己实现，在计划中。

21 楼 gstripe 2008-11-28  

luolonghao 写道

星期三为了适应各种风格，调整了编辑器布局（div -> table），还有问题，周末要抓紧完成了。

加油，现在svn检出，学习。
luo你是19811214生日的吧？
会不会在1214放出纪念版呵。

20 楼 caiceclb 2008-11-28  

我对编辑器很感兴趣，请问：怎样实现对选中文本执行指定操作，比如一行中选中几个字，然后改变字体颜色这样的操作？

另外：为什么不一开始就实现xhmtl格式呢？而且源码还是大写的html标签，改成小写应该不难吧？（莫见怪，不太懂这个，至少小写的html标签是XHTML的第一步，然后是闭合单独的标签）