KindEditor 3.4在经历了2个多月的开发和测试之后,终于发布下载了。今天KindEditor作者发布了KindEditor 3.4的下载地址,喜欢KindEditor的朋友可以直接从官方下载KindEditor 3.4使用了。
KindEditor是一套开源的的在线编辑器,KindEditor使用JavaScript编写,因此可以开平太运行在Linux,Unix等操作系统上,同时可以无缝的于Java,JSP,PHP等 语言接合,可以在HTML上进行可视化编辑,类似的开源项目还有TinyMCE,CKEditor(原FCKEditor)等,KindEditor在 CMS、论坛、博客、电子邮件等互联网应用上得到广泛使用,主要用于让用户在html上获得所见即所得的编辑效果。KindEditor采用LGPL开放 源代码使用许可,可以自由修改源代码,也可以集成在您的商业程序。 KindEditor 3.4版本在上一个版本基础上增加了许多有用功能,并优化了大量代码。下面介绍一下KindEditor 3.4版本的主要变化和升级时注意事项。
主要变化:
1. 加入了鼠标右键菜单机制,右键点击图片或超级链接,就可编辑相关属性。
KE.g[id].contextmenuItems.push({ text : '要显示的文本', click : function(id, menu) { /* 点击后的处理 */ }, cond : function(id) { /* 显示条件 */ } });
2. 添加了浏览服务器文件的插件,加强了图片编辑界面。
3. 添加了URL定制功能,设置urlType属性就可以定制当前域名下URL的路径格式,具体效果请查看demo-19。
// urlType可指定relative, absolute, domain,分别代表相对路径、绝对路径、带域名的完整URL。 KE.show({ id : 'content1', urlType : 'relative' });
4. 可以选择br或p换行方式。不过在IE上选择br换行时有不能居中一行的BUG,这个问题计划在后续版本中解决。如果您比较在意这个BUG建议采用p换行,p行高可设置CSS解决。
//newlineTag可指定br或p KE.show({ id : 'content1', newlineTag : 'br' //默认模式 });
5. 插入Flash和视频后用图片显示,主要为了解决在有些浏览器上designMode下不能显示Flash和视频的问题。
6. 默认关闭了过滤模式,这是因为很多用户抱怨他们丢失一些HTML标签和属性。htmlTags过滤规则可直接指定style,如果一个标签包含style将忽略[.]开头的属性。
//以下设置只允许输出font和span标签 KE.show({ id : 'content1', htmlTags : { font : ['color', 'size', 'face', '.background-color'], span : ['style'] } });
除以上改动之外还有很多新变化和几个BUG修正,更多变更记录请查看源代码压缩包里的docs/CHANGE.txt文件。
KindEditor 3.4升级时注意事项:
KindEditor 3.4版本基本兼容以前的插件,但主程序和样式改动非常多,升级需要谨慎。
- KindEditor 3.4版本开始图片上传提交到另外iframe,所以upload.php等上传程序需要加2个parent。
parent.parent.KE.plugin["image"].insert();
- 目录结构和以前版本不太一样,直接覆盖会留下垃圾文件。比如default.css的名字变成oxygen.css,plugins目录结构等。
- 表情默认使用QQ表情,升级编辑器时不要删除以前的表情图片。
- 默认不包括[插入层]、[日期]、[时间]、[预览]、[插入特殊字符]功能,需要的朋友直接把以前代码拿过来扩展一下。
- 默认关闭了过滤模式,要开启需要将filterMode属性设置成true。
KindEditor 3.4演示:
http://kindsoft.net/demo.php
KindEditor 3.4下载:
http://kindsoft.net/down.php
[ad#468-60]