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://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
引用来自“红薯”的评论
引用来自“mark35”的评论
引用来自“红薯”的评论
引用来自“mark35”的评论
还不如直接用jquery呢
“内置了小巧实用的DOM(Node、Range)类库(Node的接口类似jQuery)。”
不是我不喜欢引用原文,而是回复不支持【quote】标签。
引用来自“Roddy”的评论
引用来自“mark35”的评论
还不如直接用jquery呢
只不过通用性下降了而已。
引用来自“红薯”的评论
引用来自“mark35”的评论
还不如直接用jquery呢
“内置了小巧实用的DOM(Node、Range)类库(Node的接口类似jQuery)。”
引用来自“mark35”的评论
还不如直接用jquery呢
引用来自“mark35”的评论
还不如直接用jquery呢