KindEditor 4.0 重新设计了程序架构,重写了所有代码,插件可以按需动态加载,内置了小巧实用的DOM(Node、Range)类库(Node的接口类似jQuery)。体积方面kindeditor-min.js被gzip后只有25.9KB,比jQuery还小,在大流量的互联网应用上使用毫无压力。 新特性: 1. 创建编辑器时可使用选择器,并返回editor对象。 <link rel= ...
KindEditor 4.0 重新设计了程序架构,重写了所有代码,插件可以按需动态加载,内置了小巧实用的DOM(Node、Range)类库(Node的接口类似jQuery)。体积方面kindeditor-min.js被gzip后只有25.9KB,比jQuery还小,在大流量的互联网应用上使用毫无压力。
新特性:
1. 创建编辑器时可使用选择器,并返回editor对象。
<link rel="stylesheet" href="http://www.iteye.com/editor/themes/default/default.css" /><script charset="utf-8" src="http://www.iteye.com/editor/kindeditor.js"></script><script charset="utf-8" src="http://www.iteye.com/editor/lang/zh_CN.js"></script><script> var editor; KindEditor.ready(function(K) { editor = K.create('#editor_id'); });</script>
2. 内置小型Node类库。
// 所有匹配的div的border改成黑色,并设置innerHTMLK('#id div').css('border', '1px solid #000').html("<strong>内容</strong>");// 第一个div的innerHTMLK('#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
标签: KindEditor alpha 发布
声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!