KindEditor 4.0 alpha 发布

5顶
1踩

2011-08-16 13:31 by 正式记者 luolonghao 评论(6) 有4522人浏览

浏览器 css html

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

KindEditor 4.0 重新设计了程序架构，重写了所有代码，插件可以按需动态加载，内置了小巧实用的DOM(Node、Range)类库（Node的接口类似jQuery）。体积方面kindeditor-min.js被gzip后只有25.9KB，比jQuery还小，在大流量的互联网应用上使用毫无压力。

新特性：

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

<link rel="stylesheet" href="/editor/themes/default/default.css" />
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script>
        var editor;
        KindEditor.ready(function(K) {
                editor = K.create('#editor_id');
        });
</script>

2. 内置小型Node类库。

// 所有匹配的div的border改成黑色，并设置innerHTML
K('#id div').css('border', '1px solid #000').html("<strong>内容</strong>");
// 第一个div的innerHTML
K('#id div').html();
// 所有匹配的div添加click事件
K('#id div').click(function(e) {
    // print nodeName
    console.log(K(this).name);
});

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://www.kindsoft.net/demo.php

下载：
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

来自: www.kindsoft.net

分享到：

5
顶

1
踩

评论共 6 条请登录后发表评论

6 楼 likejian 2011-08-17 21:49

很好很强大

5 楼 rrong_m 2011-08-16 17:23

一直用。很不错。

4 楼 cats_tiger 2011-08-16 16:45

很好很强大！

3 楼 achun 2011-08-16 15:31

插件可以按需动态加载
这个很强大，我也正在inEditor里面实现，基本思路和实验已经通过
正在重新规划range,目前是使用ierange做兼容处理了
ke更新好快啊

2 楼 jdkleo 2011-08-16 14:22

反馈一个问题，帖JAVA代码时，有时帖不进去。

1 楼 jdkleo 2011-08-16 14:19

这个必须顶，国内顶尖编辑器

发表评论

您还没有登录,请您登录后再发表评论

5顶1踩