设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客

KindEditor 3.4 发布 - 开源的HTML可视化编辑器

2009-12-21 13:33| 发布者: walkerxk| 查看: 882| 评论: 9

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、 Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写,可以无缝的与Java、.NET、PHP、ASP等程序接合。

经过2个多月的开发和测试,KindEditor 3.4版本终于正式和大家见面了,非常感谢各位用户的热情反馈和建议,没有你们的支持,就没有KindEditor的进步。
3.4版本在上一个版本基础上增加了许多有用功能,并优化了大量代码。下面介绍一下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文件。

升级时注意事项:
3.4版本基本兼容以前的插件,但主程序和样式改动非常多,升级需要谨慎。

1. 3.4版本开始图片上传提交到另外iframe,所以upload.php等上传程序需要加2个parent。
parent.parent.KE.plugin["image"].insert();
2. 目录结构和以前版本不太一样,直接覆盖会留下垃圾文件。比如default.css的名字变成oxygen.css,plugins目录结构等。

3. 表情默认使用QQ表情,升级编辑器时不要删除以前的表情图片。

4. 默认不包括[插入层]、[日期]、[时间]、[预览]、[插入特殊字符]功能,需要的朋友直接把以前代码拿过来扩展一下。

5. 默认关闭了过滤模式,要开启需要将filterMode属性设置成true。

演示:http://kindsoft.net/demo.php
下载:http://kindsoft.net/down.php

酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部