7款超酷的在线代码编辑器的实现收集(2012-05-26更新)

先列出本文收集的所有代码编辑器,后面一一介绍。

Bespin

Ace

Codepress

Ecoder

EditArea

CodeAnyWhere

CodeMirror

在线代码编辑器
    在线编辑各种文本形式的源代码,如js,html,php等,要支持语法高亮,即时输入即时高亮。

我的初步想法是用一个

来实现,就是类似于常见的在线网页编辑器,但是因为仅仅是需要代码编辑,所以,要控制只能输入文本,不能让用户插入图片啊链接啊等等东西,感觉比较难。

希望大家能够探讨一下如何实现。

Bespin是一个用Canvas实现的在线代码编辑器,所以不支持IE,而且,因为是Canvas模拟编辑,效率很低,反应迟钝。
https://bespin.mozilla.com/   该网址作废,见后文说明。
Bespin有一个最独特之处是它竟然是完全用Canvas来实现的,也就是说,所有的高亮代码,都是画在canvas上的,效率并不是特别高,但是方法很别致,目前还没见到第二个这样实现的编辑器。

7款超酷的在线代码编辑器的实现收集(2012-05-26更新)_第1张图片

2012-05-26更新
:Bespin已经是过去式了,Mozilla一度将该项目并入Skywriter,但Skywriter项目也关闭了,其网站上仅仅是推荐了2个东西:一个就是Ace高亮代码编辑器,另一个是Cloud9 IDE,基于Ace开发的一个云IDE提供在线的编程和保存。 在ace的网站上,有一段英文介绍了Bespin, SkyWriter, Ace之间的渊源,刚开始,Bespin和SkyWriter是各自独立的项目,Bespin走Canvas线路,SkyWriter走DOM线路,而Ace是Cloud9 IDE的编辑器组件。后来SkyWriter团队将Ace合并到SkyWriter项目,再后来又反过来都合并到Ace并完全取代了SkyWriter,现在就只有Ace了,Ace由Ajax.org和Mozilla共同开发和维护。

因为Bespin被废弃,现在要想获取Bespin的代码还比较困难,从github找到了两个链接,但是这里面可能不是最后的版本:

https://github.com/bespin/bespin

https://github.com/mozilla/bespinclient


Ace Editor

http://ace.ajax.org/

https://github.com/ajaxorg/ace

看起来很不错,有个很NB的网站Play My Code(playmycode.com)采用了这个编辑器。
7款超酷的在线代码编辑器的实现收集(2012-05-26更新)_第2张图片


Cloud9 IDE,起名者大概借用成语“九霄云外”吧?

https://github.com/ajaxorg/cloud9

http://c9.io/

cloud9 ide的编辑器是Ace Editor内核。

7款超酷的在线代码编辑器的实现收集(2012-05-26更新)_第3张图片


Sky-Edit也是采用Ace Editor内核,用法很特别,看截图的地址栏。截图:

http://documentup.com/gozala/sky-edit

7款超酷的在线代码编辑器的实现收集(2012-05-26更新)_第4张图片
------------------------------------------------------------------------------------------------------------------
问题补充:

kjah 写道
以前做过这方面预研,可以参考下我预研报告:
http://kjah.javaeye.com/blog/424624
记得实现比较好的是 codepress
js干这活效率上差很多,由于这个原因实际项目中没有采用js,还是用的ActiveX


看了你的文章。感觉codepress就是我所需要的。
但我这里访问不了 http://codepress.org/
用这个网址就可以了 http://codepress.sourceforge.net/

codepress截图:
7款超酷的在线代码编辑器的实现收集(2012-05-26更新)_第5张图片

------------------------------------------------------------------------------------------------------------------
问题补充:
查找旧文档,发现以前就找到过一个和我需要的功能基本一致的程序。
Ecoder,这个也是在sourceforge开源的,我的csdn博客之前还有记录过,没想到竟忘记了。

很赞的在线的代码编辑器,支持多种语言彩色语法编辑,罕见精品
http://blog.csdn.net/cuixiping/archive/2009/10/16/4678840.aspx

网址:
http://ecoder.gmeditor.com/
http://sourceforge.net/projects/ecoder/

我看了看,它的实现原理是用一个透明的