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

KindEditor 下一步开发计划

阅读更多
KindEditor是简单的在线HTML编辑器,支持目前流行的大部分浏览器,主要优势在于简单、快速、定制方便,非常适合博客、SNS日记、WEB邮箱等互联网网站。

3.1.1版本初始化时被GZIP压缩以后总大小为22KB,分别为1个JavaScript文件,2个CSS文件,2个gif图片,目前国内的ADSL宽带速度下基本上可以瞬间打开。



不足的地方是:
1. 每个浏览器生成的HTML不一致。
2. UNDO/REDO无法保存SELECTION。
3. 不支持快捷键。
4. 界面不够美观。
5. 程序特殊处理较多,可读性不好。

下一步开发重点为保持简单、快速的前提下,尽量生成标准XHTML,并自由地定制输出的XHTML,完全分离plugin和核心程序,简化CSS文件。

下面简单说明一下输出XHTML的原理。

目前大部分轻量级编辑器都靠浏览器提供的execCommand来完成大部分HTML生成操作,execCommand每个浏览器生成的代码不太一样,导致生成不一致、不标准的代码。TinyMCE、FCKeditor生成标准一致的XHTML,但随之而来的是程序体积变大,代码臃肿。

编辑时直接生成XHTML难度很大,因为几乎所有execCommand都要用JavaScript DOM来实现。一种不太好的方法是编辑期间仍然使用浏览器的execCommand,最后提交代码时用正则等方式把代码转换成XHTML,不过代码模式切换,在转换后的代码上进行操作等都会出现一系列的问题。

例如,有以下HTML代码
<span style="color:#ff0000;">文字颜色</span>


在IE下选中文字,用execCommand的forecolor修改文字颜色,代码会变成这样。
<span style="color:#ff0000;"><font color="#0021b0">文字颜色</font></span>


不管在用什么浏览器,理想的代码是
<span style="color:#0021b0;">文字颜色</span>


除此之外,还需要考虑各种效果(文字颜色、背景颜色、文字大小等)交叉使用,粘贴不规则有缺陷的HTML等情况。
  • 大小: 20.6 KB
分享到:
评论
8 楼 luolonghao 2009-03-25  
问一下,你的jssc4配合AS后性能提高了多少?
实时加亮在可视化编辑器模式下每改变一个字母都得重新渲染,不知道用AS把性能能提高到什么样的程度。其实实时加亮很多桌面编辑器都能看到延迟,所以我觉得性能是最大的瓶颈。
技术实现的难点还是跨浏览器,连like gecko的webkit系浏览器也DOM处理表现和Firefox不一致,还有一个浏览器的不同版本也表现不同。不过我觉得这个多花时间应该都能解决。
7 楼 Army 2009-03-25  
性能已经可以有另类的解决办法,比如说借助as3的效率。我在jssc4中主要就是使用as3来解析代码高亮,而js的功能则是在处理dom和传递结果上。相比之下,我感觉技术实现是弱项。
6 楼 luolonghao 2009-03-25  
Army 写道
taocong810 写道
龙博ajax现在需要一个准实时的语法<script type="text/javascript" src="http://www.iteye.com/javascripts/tinymce/themes/advanced/langs/zh.js"></script><script type="text/javascript" src="http://www.iteye.com/javascripts/tinymce/plugins/javaeye/langs/zh.js"></script>色彩渲染器,不知道楼主和army有没有兴趣合作一下。

我想你的意思是类似ide的一个轻量级编辑器,输入代码实时高亮并提示纠错等功能。这个很难……我早就有过这打算了,但短时间内是搞不定的。


实时高亮很难,先不说技术实现,性能是最大的问题。
5 楼 Army 2009-03-25  
taocong810 写道
龙博ajax现在需要一个准实时的语法色彩渲染器,不知道楼主和army有没有兴趣合作一下。

我想你的意思是类似ide的一个轻量级编辑器,输入代码实时高亮并提示纠错等功能。这个很难……我早就有过这打算了,但短时间内是搞不定的。
4 楼 luolonghao 2009-03-25  
taocong810 写道
龙博ajax现在需要一个准实时的语法色彩渲染器,不知道楼主和army有没有兴趣合作一下。


大概看了一下你的龙博ajax,技术很酷。不过具体应用在什么地方?

如果是基于WEB的JS可视化开发的话我觉得现在条件不成熟,性能还是最大的问题。
3 楼 taocong810 2009-03-25  
龙博ajax现在需要一个准实时的语法色彩渲染器,不知道楼主和army有没有兴趣合作一下。
2 楼 mingliangfeng 2009-03-25  
国产web编辑器,试用了一下,感觉非常棒!支持!

楼主加油!
1 楼 Army 2009-03-10  
前段时间倒是一时兴起写了个类似的东西,我把它定名为JAte。

用as3写的,只是后来停止了,一来fp对textarea的支持不理想,二来我不知道这东西继续下去究竟有没有前途……

前辈有兴趣指点下吗?

相关推荐

    kindeditor插件开发之-弹出下拉列表

    这篇博客“Kindeditor插件开发之-弹出下拉列表”主要探讨的是如何在KindEditor中自定义一个弹出的下拉列表功能,这对于扩展编辑器的功能和提升用户体验具有重要意义。 在开发这个插件时,首先需要理解KindEditor的...

    kindeditor文本编辑器插件

    KindEditor是一款功能强大的开源在线文本编辑器,专为网页设计和开发人员打造。该编辑器在版本4.1.10中提供了丰富的特性,并且支持多语言,这使得它能够满足全球不同地区用户的需求。其核心特性包括但不限于以下几点...

    Laravel开发-laravel5-kindeditor

    'KindEditor' =&gt; KindEditor\Facades\KindEditor::class, ``` 接下来,我们需要配置KindEditor。创建一个配置文件,如`config/kindeditor.php`,并定义相关设置,例如服务器路径、图片上传等参数。你可以根据...

    kindeditor添加网络视频插件

    KindEditor是一款广泛应用于网页编辑器的开源项目,它旨在提供用户友好的“所见即所得”(WYSIWYG)编辑...这个过程涉及到前端开发的基本知识,包括JavaScript、HTML和CSS,同时也需要对KindEditor的API有一定的了解。

    kindeditor文本编辑插件

    KindEditor支持多种语言,包括但不限于中文、英文、日文等,这使得它能适应全球化的开发环境,为不同地区的用户提供便利。 4. **跨浏览器兼容**: 针对不同的浏览器环境,KindEditor进行了优化,确保在主流的...

    KindEditor 4.1.11网站实例

    一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就不更新了,官方最新的为 KindEditor 4.1.1 (2012-06-10), ,我这个网站里的是从qq群...

    java平台下kindeditor的文件上传

    Java平台下的KindEditor文件上传功能主要涉及到Web应用中的文件上传技术,这在现代网页开发中是常见的需求。KindEditor是一款开源的JavaScript富文本编辑器,它提供了丰富的API和配置选项,使得用户可以在网页上实现...

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

    2. **配置KindEditor**:将下载的KindEditor文件夹上传到你的Web应用的静态资源目录下,例如`/WEB-INF/resources/js/kindeditor`。配置编辑器的初始化参数,包括路径设置、语言选择、工具栏定制等。在HTML页面中,...

    KindEditor 4.1.10 (2013-11-23)

    KindEditor ASP.NET 本ASP.NET程序是演示程序,建议不要直接...2. 将kindeditor/asp.net/bin目录下的dll文件复制到wwwroot/bin目录下。 3. 打开浏览器,输入http://localhost:[P0RT]/kindeditor/asp.net/demo.aspx。

    kindeditor-在线搜索扩展

    1. **KindEditor API的扩展**:默认情况下,KindEditor 提供了图片上传、服务器浏览等功能。在线搜索功能的添加意味着开发者需要深入理解KindEditor的API,并对其进行扩展,以实现新的交互逻辑,如触发搜索、处理...

    kindeditor_kindeditor_截图_

    6. **服务器端支持**:`asp.net` 提示 KindEditor 可以与 ASP.NET 后端框架集成,这使得它在 .NET 环境下同样适用,可以处理文件上传、保存编辑内容等服务器端操作。 7. **截图功能**:KindEditor 的截图功能可能是...

    kindeditor

    CHEditor是一款韩国人开发的收费编辑器,KindEditor 2.x参考了CHEditor的UI和部分代码。 3. TinyMCE http://tinymce.moxiecode.com/ TinyMCE是一款非常优秀的编辑器,KindEditor 2.x和3.x参考了TinyMCE的UI和部分...

    kindeditor图片上传携带token字段

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

    kindEditor

    解决了kindEditor在.net中的图片上传问题,和页面回传后数据丢失问题,封装了kindEditor一些属性,使用的时候注意:我这个是在vs2005里面编码的,如果是vs2008打不开的话,可以把ProUI添加到你自己的vs2008项目里面...

    kindeditor示例

    在这个"kindeditor示例"中,我们重点关注的是其在Struts框架下的应用。 Struts是一个开源的MVC(Model-View-Controller)框架,广泛应用于Java Web开发。将KindEditor集成到Struts项目中,可以为用户提供一个图形化...

    kindeditor配置基于thinkphp

    这一步是为了方便在项目中引用编辑器的JavaScript和CSS文件。 2. **引入KindEditor**:在需要使用编辑器的页面中,通过HTML代码引入KindEditor的JavaScript和CSS文件。例如,在`index.php`或对应的视图文件中添加...

    KindEditor Html在线编辑器

    2. **跨平台兼容**: 由于是基于JavaScript开发,KindEditor 可以在多种浏览器环境下运行,包括IE、Firefox、Chrome、Safari和Opera等,确保了广泛的兼容性。 3. **API接口**: KindEditor 提供了丰富的JavaScript ...

    kindeditor编辑器-封装

    在网页开发中,集成KindEditor可以极大地提升用户体验,使用户能够像在本地文档中一样编辑文本、插入图片、链接、表格等各种元素。 标题"Kindeditor编辑器-封装"指的是将KindEditor与项目结合的简化过程。封装意味...

Global site tag (gtag.js) - Google Analytics