`
luolonghao
  • 浏览: 119668 次
  • 性别: Icon_minigender_1
  • 来自: Shanghai
社区版块
存档分类
最新评论

KindEditor 3.0 alpha基本已完成

阅读更多
经过一个多月的开发,3.0 alpha版本基本已完成,接下来会进入完善代码和修改BUG的阶段。因为代码还需要整理,所以正式发布还需要一段时间,11月30日我会正式发布3.0 alpha版本,12月下旬发布稳定版本。

3.0重写了所有代码,结构完全不一样,代码结构更精简易懂,非常适合嵌入到互联网应用页面里。3.0开发过程中部分参考了TinyMCE和FCKeditor的设计思想,借用了KDE桌面的ICON。

演示地址:
http://kindsoft.net/ke/examples/
注:因sourceforge空间原因,目前无法演示上传图片功能。

SVN:
http://kindeditor.googlecode.com/svn/trunk

KindEditor的主要特点:
1. 代码量少,功能比较多。(页面加载的时候,总共下载50KB的文件。JS一个:33KB, CSS一个:8KB, GIF2张:8KB + 1KB)
2. 通过添加plugin的方法,可以自定义功能。
3. 可以任意改变编辑器风格,和网站融为一体。
4. 代码容易理解,是一个可维护、可控制的编辑器。

目前测试过的浏览器有:
Windows XP, Internet Explorer 6.0
Windows XP, Internet Explorer 7.0
Windows XP, Mozilla Firefox 3.0.3
Ubuntu 8.04 Firefox 3.0.3
Windows XP, Chrome 0.3.154.9
Windows XP, Safari 3.1.2
Windows XP, Opera 9.60

代码已经发布了。
http://www.iteye.com/news/4326
分享到:
评论
59 楼 xzj127 2009-04-15  
我正在用你的编辑器。

为什么我回车后 所有的<br/>标签都变成</p>了。。

都乱了。。还有 从 源码 到编辑时  也会出现这种情况(自动把<br/>转换成</p>)

没有保持原文的格式

不过还是谢谢楼主。。希望楼主 能给告诉我是什么情况。。
58 楼 luolonghao 2008-12-30  
hanjs 写道
麻烦问一下,之前FCKeditor的内容是一个二进制的流,是一个控件,保存需要用blob。不知道lz的这个要怎么保存?


FCKeditor用二进制流?不太了解,我这个是html string。
57 楼 hanjs 2008-12-30  
麻烦问一下,之前FCKeditor的内容是一个二进制的流,是一个控件,保存需要用blob。不知道lz的这个要怎么保存?
56 楼 bwlee 2008-12-26  
支持一下,用集成的人太多了,难得有人自己捉刀!
55 楼 ftmouse 2008-12-09  
太nb了!期待正式版
54 楼 lvcao20 2008-12-09  
不错,下来用了,确实不错。
53 楼 seasar 2008-12-08  
有没有类似 javaeye或.text里面 添加代码块 的功能,
52 楼 jeasony 2008-12-06  
你也太牛逼啦。支持开源。。。,(*^__^*) 嘻嘻……
51 楼 pacocai 2008-12-05  
有个问题想请教一下楼主,在插入图片中,图片已经上传到了服务器,但是用户在使用的过程中又把这张图片删除了,然后这种时候该如何判断这张图片已经在编辑器中删除掉了?
50 楼 luolonghao 2008-12-05  
ai2ming 写道
发现一点小问题,增加缩进和减少缩进两个图标的提示文本写反了


非常感谢!
49 楼 ai2ming 2008-12-05  
发现一点小问题,增加缩进和减少缩进两个图标的提示文本写反了
48 楼 hnicypb 2008-12-05  
关注。。。貌似还没有插入源码的功能
47 楼 luolonghao 2008-12-05  
kenvin9 写道
非常非常不错。但不知为什么,把下面的代码放到jquery的$(document).ready(function()
里面在ie下没报错,也没出现编辑器,在ff和opera下都可以?

KE.show({
    id : 'desc',
    cssPath : './index.css'
});


KE.show会在window的onload里添加函数,可能和jquery的ready冲突。
试试看看放这个。
KE.init({
    id : 'desc',
    cssPath : './index.css'
});
KE.create('desc');
46 楼 kenvin9 2008-12-04  
非常非常不错。但不知为什么,把下面的代码放到jquery的$(document).ready(function()
里面在ie下没报错,也没出现编辑器,在ff和opera下都可以?

KE.show({
    id : 'desc',
    cssPath : './index.css'
});
45 楼 rendianbo 2008-12-04  
对从word中复制的文档直接粘贴支持的还是不好。
44 楼 pacocai 2008-12-04  
好了,已经搞定,只需要修改KindEditor-core中的第192行,把parent去掉就能解决问题。
43 楼 luolonghao 2008-12-03  
pacocai 写道
行:315
字符:9
错误:'KE.g[...].hideDiv.style'为空或不是对象。

IE 6.0中提示错误。


我晚上回家帮你看看吧
42 楼 pacocai 2008-12-03  
行:315
字符:9
错误:'KE.g[...].hideDiv.style'为空或不是对象。

IE 6.0中提示错误。
41 楼 pacocai 2008-12-03  
这段时间正在用3.0,原来在iframe中嵌入是可以使用的,不过换成3.0后就不能嵌入iframe中了,一但嵌入就所有下拉菜单都失效。

代码如下:
test.html

<html>
<head>
<title>test</title>
</head>
<body>
<iframe frameborder=0 width=800 height=600 marginheight=0 marginwidth=0 scrolling=no src="./examples/demo-01.html"></iframe>
</body>
</html>
40 楼 luolonghao 2008-12-03  
xzs 写道
用editor会不会被跨站脚本攻击?
KindEditor支持html编辑和UBB切换吗?


如果editor开放给用户的话需要过滤用户提交的脚本,否则会被嵌入恶意javascript脚本。
以后会增加HTML TO VBB, HTML TO XHTML, 只保留编辑器自动生成代码等功能。

相关推荐

    KindEditor HTML在线编辑器 v3.0

    KindEditor是基于浏览器的简单的所见即所得(WYSWYG)HTML在线编辑器,有体积小、文件少、效率高等特点。它是100%用DHTML/JavaScript编写的,可以很方便地嵌入到ASP,ASP.NET,PHP,JSP等CGI程序里。 主要特点: 1) 代码...

    THINKPHP 3.0 整合 KINDEDITOR 4.05

    修改过kindeditor的filemanager.js,flash.js,image.js,insertfile.js,media.js,map。主要文件Public\js\kedit.js,WebApp\Lib\ORG\Keditor.class.php,Lib\Action\Common\KeditorAction.class.php

    KindEditor手册

    - **2009年1月**:KindEditor 3.0版本发布,引入了更多新功能和改进,进一步提升了用户体验和功能性。 #### 四、使用许可 KindEditor的源代码遵循LGPL开源协议发布,用户可以在遵守该协议的前提下自由使用、修改和...

    kindeditor添加网络视频插件

    2. **设置编辑器实例**: 创建KindEditor实例,指定编辑器的ID和一些基本配置。例如: ```javascript KindEditor.create('#editor-id', { width: '100%', height: '500px', items: ['source', '|', 'video'], }...

    kindeditor文本编辑插件

    KindEditor支持多种格式的文本编辑,包括字体、字号、颜色、对齐方式等基本排版操作。此外,还提供了插入图片、链接、表格、代码块、视频等多媒体元素的功能,使得用户可以在网页上创建丰富的内容。 2. **自定义...

    kindeditor_kindeditor_截图_

    在描述中提到的 "加入了截图粘贴功能",这意味着 KindEditor 不仅是一个基本的文本编辑器,还具备了截取屏幕图像并直接插入到编辑器中的能力。这个功能极大地提高了用户的工作效率,特别是对于需要频繁在文章中添加...

    KindEditor 4.1.11网站实例

    KindEditor是非常好的富媒体文本编辑系统,短小精悍,可惜网上找到的都是有各种问题!一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就...

    kindeditor集成jmeditor公式HTML富文本编辑器

    在本例中,压缩包文件名为"kindeditor",可能包含了KindEditor的基本文件和JMathEditor的插件文件。 2. **配置KindEditor**:将下载的KindEditor文件夹上传到你的Web应用的静态资源目录下,例如`/WEB-INF/resources...

    kindeditor

    在本文中,我们将深入探讨KindEditor的基本特性和如何在实际项目中应用它。 一、KindEditor的特性 1. **跨浏览器兼容性**:KindEditor设计之初就考虑了多种浏览器的兼容性,支持包括IE6+、Firefox、Chrome、Safari...

    KindEditor

    首先,我们要了解KindEditor的基本结构。它的核心文件通常包括`kindeditor.js`,这是编辑器的主要脚本文件,包含了编辑器的初始化、事件处理、插件管理等功能。此外,可能还有`kindeditor-min.js`,这是压缩版的文件...

    17个在线编辑器,包括kindeditor,STEditor,HTMLArea3.0last20071025等

    本文将详细介绍标题和描述中提到的几个在线编辑器,包括KindEditor、STEditor以及HTMLArea3.0last20071025,并探讨它们的功能、特性和应用场景。 1. KindEditor KindEditor是一款开源的JavaScript在线编辑器,它...

    SSM整合KindEditor-4.11编辑器

    将kindeditor与ssm完美整合,如果你不是ssm框架,也没关系,核心的代码都已做了修改。 完美显示文件、图片、视频的上传 4.11 kindeditor版本: 新增: 俄语语言包,感谢Valery Votintsev (http://codersclub.org/)。...

    kindeditor编辑器-封装

    KindEditor提供了` KindEditor.remove('#editorId')`方法来完成这个任务。 通过这样的封装,开发者可以在项目中快速地集成和使用KindEditor,只需几行代码就能实现一个功能完善的富文本编辑器,极大地提高了开发...

    kindeditor多图上传H5版

    8. **前端验证**:为了提高用户体验和减少服务器压力,前端通常会进行一些基本的文件类型和大小验证,例如限制只能上传图片文件,或者限制单个文件大小。 9. **后端接口设计**:H5版的KindEditor需要与服务器端接口...

    kindeditor特殊符号被转义

    kindeditor特殊符号被转义 kindeditor 编辑器添加图片、flash,还有视频时路径出错

    kindeditor图片上传携带token字段

    在IT行业中,编辑器是网页开发中不可或缺的一部分,KindEditor是一款功能强大且易于使用的开源JavaScript富文本编辑器。本文将详细讲解如何在KindEditor中实现图片上传时携带token字段,以确保数据的安全性和完整性...

    Kindeditor使用.pdf

    通过本文的介绍,相信读者已经掌握了KindEditor的基本使用方法及一些进阶技巧,能够在实际项目中灵活应用,提升用户体验。在未来,随着Web技术的不断发展,KindEditor也将持续更新,为用户提供更加完善的功能和服务...

    vue后台管理系统富文本组件(二)kindeditor

    以上就是将KindEditor集成到Vue后台管理系统的基本过程。通过这种方式,你可以利用KindEditor的强大功能,为用户提供一个稳定的富文本编辑体验。当然,还有许多进阶技巧和优化方法,例如使用Vue CLI创建项目、Vuex...

    kindEditor批量传图配置

    - **权限问题**:确保服务器端已为kindEditor控件提供了上传图片的权限。这通常涉及到服务器端配置和文件系统的权限设置。 - **服务器端处理脚本**:需要编写服务器端脚本来处理上传请求,通常会涉及到文件的保存...

Global site tag (gtag.js) - Google Analytics