KindEditor 4.0 alpha 发布

时间：2011-08-16

来源：开源中国社区

在手机上看

手机扫描阅读

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

新特性：

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

2. 内置小型Node类库。

// 所有匹配的div的border改成黑色，并设置innerHTML
K('#id div').css('border', '1px solid #000').html("内容");
// 第一个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 : '内容',
        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部署。