首页 > 资讯列表 > 编程/数据库 >> 其他WEB语言

KindEditor 4.0 alpha 发布

其他WEB语言 2011-09-20 10:09:51 转载来源: AS网站目录整理

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 发布


声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!

站长搜索

http://www.adminso.com

Copyright @ 2007~2024 All Rights Reserved.

Powered By 站长搜索

打开手机扫描上面的二维码打开手机版


使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

站长搜索目录系统技术支持