KindEditor 4.0 alpha 在线HTML编辑器

2011年08月16日 14:42 次阅读 稿源: 条评论
感谢Roddy的投递
KindEditor 4.0 重新设计了程序架构,重写了所有代码,插件可以按需动态加载,内置了小巧实用的DOM(Node、Range)类库(Node的接口类似jQuery)。体积方面kindeditor-min.js被gzip后只有25.9KB,比jQuery还小,在大流量的互联网应用上使用毫无压力。
新特性:

1. 创建编辑器时可使用选择器,并返回editor对象。

2. 内置小型Node类库。
Node文档:http://www.kindsoft.net/docs/node.html

3. Range采用W3C标准,内置自定义样式系统,文字颜色、文字背景、粗体、斜体、下划线、删除线操作在不同浏览器上生成相同HTML代码。

Range文档:http://www.kindsoft.net/docs/range.html

Command文档:http://www.kindsoft.net/docs/cmd.html

4.  可以单独调用弹出窗口、下拉菜单、Tabs、取色器、上传按钮等UI组件。

var dialog = K.dialog({         width : 500,         title : '测试窗口',         body : '<div style="margin:10px;"><strong>内容</strong></div>',         closeBtn : {                 name : '关闭',                 click : function(e) {                         dialog.remove();                 }         },         yesBtn : {                 name : '确定',                 click : function(e) {                         alert(this.value);                 }         },         noBtn : {                 name : '取消',                 click : function(e) {                         dialog.remove();                 }         } });

5. 弹出窗口采用js动态加载方式,大部分功能可以跨域调用,并解决了document.domain问题,有利于静态资源分离和CDN部署。

演示:

下载:

http://kindeditor.googlecode.com/files/kindeditor-4.0-alpha.zip

文档:

http://www.kindsoft.net/docs/index.html

因为4.0刚刚完成,所以可能隐藏着不少bug,也有很多改进余地,非常欢迎各位用户在googlecode或在kindsoft.net网站上提交bug和建议。

googlecode issues:http://code.google.com/p/kindeditor/issues/list

kindsoft.net bbs:http://www.kindsoft.net/bbs.php

微博:http://www.weibo.com/luolonghao

对文章打分

KindEditor 4.0 alpha 在线HTML编辑器

1 (14%)
已有 条意见

    最新资讯

    加载中...

    编辑精选

    加载中...

    热门评论

      Top 10

      招聘

      created by ceallan