主题: KindEditor 3.5 发布
作者: Roddy, 发布日期: 2010-06-20 15:41:18, 浏览数: 13611

3.5版本是3.x系列的改进版本,除了修复3.4.4版本的BUG之外,还有表格编辑、界面优化,多语言、新API等功能的增加和改善,本次更新对代码改动较大,不兼容低版本的皮肤,但兼容低版本的插件。

 

主要变化:

--------

1)表格:插入表格采用dialog,可设置常用属性。插入表格后在表格上点击右键弹出表格控制菜单。

2)右键菜单(contextmenu):支持左侧小图标、分割线,外观更美观。

3)菜单(menu):标题、字体、文字大小、颜色可以反映当前状态。

4)表情:增加分页和预览,通过allowPreviewEmoticons属性可关闭预览表情功能。

5)弹出框(dialog):弹出框支持阴影效果,通过shadowMode可关闭阴影效果。

6)国际化:3.5版本开始所有中文都提取到一个js里,制作其它语言版本只需要翻译src/lang/zh_CN.js即可。

7)新接口:引入KE.html, KE.text, KE.selectedHtml, KE.insertHtml, KE.appendHtml, KE.isEmpty等函数。

 

其它改善和bugfix:

--------

* 改善: 编辑器底部显示向下拖动指示图标。

* 改善: 点击编辑器外的页面其它部位时关闭菜单。

* 改善: 移除编辑器时将编辑器内容设置到原来的textarea。

* 改善: 从外部粘贴内容时自动将font转换成span标签。

* 改善: ASP.NET程序改成ashx,使用时不需要编译。

* BUG: 改善了文章内容比较多时速度比较慢的问题。

* BUG: 修改了在IE上选中图片或表格后无法用backspace键删除的问题。

* BUG: 修改了在Firefox上全屏后浏览器一直处于加载状态的问题。

* BUG: 修改了在非IE上DOMContentLoaded事件不起作用的问题。

* BUG: 修改了删除编辑器时没有销毁事件的问题。

* BUG: 修改了设置成无颜色时其它样式也被删除的问题。

* BUG: 修改了拖动时拖到浏览器外面放开鼠标后会粘住的问题。

* BUG: 修改了在Firefox上pre标签自动生成br标签的问题。

* BUG: 修改了在IE6上用KE.cmd.wrap方法设置class属性后没有效果的问题。

* BUG: 修改了在P标签内没选中内容时无法插入超级链接的问题。

* BUG: 修改了使用快捷键加粗体、斜体、下划线时没有同步的问题。

 

演示:

--------

http://www.kindsoft.net/demo.php

 

下载:

--------

http://www.kindsoft.net/down.php

作者: 乱闪, 发布日期: 2010-06-20 15:57:18

可否增加一個清除所有html標簽的功能?只保留言斷行(<p>或<br />)

這個js正則我有,但不知道怎麼加到編輯器裡。

 

再加上一個上傳文件的功能,上傳文比上傳圖片要用得多。

回复
作者: Roddy, 发布日期: 2010-06-20 16:14:13

一键清除HTML功能非常不错的建议,下个版本可以考虑。

文件上传涉及到后端语言,验证和图片上传相比更宽松,盲目使用可能引起非常严重的安全问题,这也是KindEditor一直强调发布程序提供的图片上传程序是演示例子的主要原因。还有一般应用程序大部分都有自己的文件管理机制,其中访问控制、显示方式等需求变化多,如果像图片上传那样做实际用处不大。

回复
作者: Hacky, 发布日期: 2010-06-20 17:15:48

1、3.5大换血啊

2、没想到<pre>标签自动生成<br>的Bug这么快搞定了

3、编辑器更胖了

4、表格功能威武

 

5、论坛的验证码不太好认

回复
作者: jasonshaw, 发布日期: 2010-06-21 09:41:35

这么好的功能太赞了,希望持续改进

 

多文件上传的功能希望能够 给出一个列子,比如使用swfupload的调用方法,这样对于想要对文件上传进行有效管理会更加方便,毕竟帖子中发多图或者插入多附件还是比较常见的

 

我觉得一般的文件上传主要有几个管理控制项:

1、文件上传的路径(相对或者绝对),指定文件存储的目录

2、文件上传个数的限制

3、文件上传大小的设定,包括单个大小、总大小

4、文件上传格式允许的类型

5、上传后,文件的url反馈,比如如果是图片则能够插图帖子中,如果不是应该变成可下载的链接地址,也即附件形式

 

可能上面是多文件上传的主要问题,有些在单文件中已经解决了,希望早日支持多文件上传。

回复
作者: kimi, 发布日期: 2010-06-21 13:06:57
 1  1
 1  1
 1  1

点右键,左侧插入列有BUG!!!!!大家可以画一个表格。每格子都写入一个字符,然后试用右键,左侧插入列

 1    1
 1  1  
 1  1  
回复
作者: Roddy, 发布日期: 2010-06-21 14:13:09
感谢kimi的反馈,这个问题比较明显,我们会尽快修复。
回复
作者: 小脚边的虾虾, 发布日期: 2010-06-21 18:47:10
浙江人民发来贺电!
回复
作者: kaipingk, 发布日期: 2010-06-21 19:19:59

kindEditor min 版本和正常版本有什么区别啊

回复
作者: Roddy, 发布日期: 2010-06-21 20:29:59
kindeditor-min.js是用closure压缩器压缩过的,使用压缩过的js可以节省一些流量。
回复
作者: 乱闪, 发布日期: 2010-06-21 22:25:30

我刚copy一份上传图片的image功能然后修改成上传文件功能,在image图标傍边增加了一个上传文件的图标,已经可以正常上传文件了,明天再将上传文件和图片的记录写进数据方便管理上传后无用的文件和图片就ok了。

不过现在又要改bug,希望只改js文件就行了,要不我修改这个上传功能又麻烦了。

在修改image.html这个上传图片的页面时真麻烦,应该将整个功能都写在image.html里就行了,文字直写打在网页上就行了,搞得所有参数和文字都要放在主js上去赋值,加大了主js不说,还搞得修改这个上传图片页面非常麻烦。

回复
作者: gdp8, 发布日期: 2010-06-22 18:07:39
kindeditor.js里面的中文是乱码?
回复
作者: Roddy, 发布日期: 2010-06-22 18:13:12
kindeditor.js编码是UTF-8,只要你用的文本编辑器支持UTF8并编码指定正确,不会出现乱码。
回复
作者: gdp8, 发布日期: 2010-06-22 18:35:22

比较奇怪的是ultraedit没有自动识别出utf-8

其他utf-8格式文件一般都能识别的

也许是我ue版本的问题

用记事本指定编码打开没问题

 

回复
作者: Roddy, 发布日期: 2010-06-22 18:44:23
可能是kindeditor.js是无BOM格式的UTF8的原因,如果编辑器只根据BOM识别UTF8的话可能出现乱码。
回复
作者: gdp8, 发布日期: 2010-06-23 09:19:48

乱码问题,确实是我的编辑器ultraedit的bug

 

您在此版本改进中说到“制作其它语言版本只需要翻译src/lang/zh_CN.js即可”

但是下载的程序和svn checkout出来的代码都没有 src 目录。

http://kindeditor.googlecode.com/svn/trunk/  代码浏览中能看到,是否svn设置有问题?

 

回复
作者: Roddy, 发布日期: 2010-06-23 11:24:17
kindeditor.js是src下面的几个js合并生成的,发布时没有把src目录放进去,你可以svn checkout后安装ant,然后在根目录输入ant zh_CN就可以得到简体版本(在dist目录下),ant zh_TW是繁体,ant en是英文,目前暂时就这三个语言,要加其它语言需要修改build.xml。
回复
作者: 您你, 发布日期: 2010-06-23 18:00:08
把它编写在一个用户控件里,就不行了啊。。。期待如何改善
回复
作者: aaron, 发布日期: 2010-06-24 14:25:44

IE6下没有右键菜单

 

论坛的验证码很强大

但登陆几次看成功

回复
作者: bug, 发布日期: 2010-06-26 16:37:52
在FF里还是有个<br/>标签,从数据库里读取的内容(用kindeditor数据库)还是有换行,我是刚下载的的3.5的
回复
作者: bug, 发布日期: 2010-06-26 16:44:05
还有一个问题就是我上面输入的一个问题中,括号里还有内容,怎么没显示?
回复
作者: bug, 发布日期: 2010-06-26 16:44:19
还有一个问题就是我上面输入的一个问题中,括号里还有内容,怎么没显示?
回复
作者: aaron, 发布日期: 2010-06-27 14:10:05

3。5如何加入层功能

这个我每天都要用到

之前的版本代码插入正常但没有显示样式

以下是之前的代码

要怎样修改才能在3.5上面正常使用

KE.plugin['layer'] = {
click : function(id) {
var cmd = 'layer';
var styles = [
'margin:5px;border:1px solid #FF9900;',
'margin:5px;border:2px solid #FF9900;',
'margin:5px;border:1px dashed #FF9900;',
'margin:5px;border:2px dashed #FF9900;',
'margin:5px;border:1px dotted #FF9900;',
'margin:5px;border:2px dotted #FF9900;'
];
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : cmd,
width : 150
});
for (var i = 0; i < styles.length; i++) {
var html = '<div style="height:15px;' + styles[i] + '"></div>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "padding:5px;' + styles[i] + '")'));
}
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
var html = '<div style="' + value + 'width:80%;background-color:#FFFFFF;">' + KE.lang['pleaseInput'] + '</div>';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};

回复
作者: grp0606grp, 发布日期: 2010-06-28 13:20:43

<P>
<OBJECT height=40 width=300 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95>
<param name=Filename value='UploadFiles/201062210233138.wav'>
<param name='BufferingTime' value='5'>
<param name='AutoSize' value='0'>
<param name='AutoStart' value='0'>
<param name='AnimationAtStart' value='0'>
<param name='AllowChangeDisplaySize' value='0'>
<param name='ShowPositionControls' value='0'>
<param name='TransparentAtStart' value='0'>
<param name='ShowStatusBar' value='0'></OBJECT>
</P>

在html代码模式上添加后,为什么点击显示html代码后,就变为

<P>
<OBJECT height=40 width=300 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95>
</OBJECT>
</P>

参数没了

回复
作者: 追风少年, 发布日期: 2010-07-04 10:09:49

为什么在asp.net里不能上传图片的,请问那位大哥大姐有空回复一下,

回复
作者: sszx, 发布日期: 2010-07-12 10:54:44
KE.plugin['layer'] = {
click : function(id) {
var cmd = 'layer';
var styles = [
'margin:5px;border:1px solid #FF9900;',
'margin:5px;border:2px solid #FF9900;',
'margin:5px;border:1px dashed #FF9900;',
'margin:5px;border:2px dashed #FF9900;',
'margin:5px;border:1px dotted #FF9900;',
'margin:5px;border:2px dotted #FF9900;'
];
KE.util.selection(id);
var menu = new KE.menu({
id : id,
cmd : cmd,
width : 150
});
for (var i = 0; i < styles.length; i++) {
var html = '<div style="height:15px;' + styles[i] + '"></div>';
menu.add(html, new Function('KE.plugin["' + cmd + '"].exec("' + id + '", "padding:5px;' + styles[i] + '")'));
}
menu.show();
},
exec : function(id, value) {
KE.util.select(id);
var html = '<div style="' + value + 'width:80%;background-color:#FFFFFF;">' + KE.lang['pleaseInput'] + '</div>';
KE.util.insertHtml(id, html);
KE.layout.hide(id);
KE.util.focus(id);
}
};

回复
作者: ret00100, 发布日期: 2010-07-15 11:03:44
.net母版页下面连接JS出错。整个编辑器都不出来
回复
发表回复