先列出本文收集的所有代码编辑器,后面一一介绍。
Bespin
Ace
Codepress
Ecoder
EditArea
CodeAnyWhere
CodeMirror
在线代码编辑器
在线编辑各种文本形式的源代码,如js,html,php等,要支持语法高亮,即时输入即时高亮。
我的初步想法是用一个来实现,就是类似于常见的在线网页编辑器,但是因为仅仅是需要代码编辑,所以,要控制只能输入文本,不能让用户插入图片啊链接啊等等东西,感觉比较难。
希望大家能够探讨一下如何实现。
Bespin是一个用Canvas实现的在线代码编辑器,所以不支持IE,而且,因为是Canvas模拟编辑,效率很低,反应迟钝。https://bespin.mozilla.com/ 该网址作废,见后文说明。
Bespin有一个最独特之处是它竟然是完全用Canvas来实现的,也就是说,所有的高亮代码,都是画在canvas上的,效率并不是特别高,但是方法很别致,目前还没见到第二个这样实现的编辑器。
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)采用了这个编辑器。
Cloud9 IDE,起名者大概借用成语“九霄云外”吧?
https://github.com/ajaxorg/cloud9
http://c9.io/
cloud9 ide的编辑器是Ace Editor内核。
Sky-Edit也是采用Ace Editor内核,用法很特别,看截图的地址栏。截图:
http://documentup.com/gozala/sky-edit
------------------------------------------------------------------------------------------------------------------
问题补充:
看了你的文章。感觉codepress就是我所需要的。
但我这里访问不了 http://codepress.org/
用这个网址就可以了 http://codepress.sourceforge.net/
codepress截图:
------------------------------------------------------------------------------------------------------------------
问题补充:
查找旧文档,发现以前就找到过一个和我需要的功能基本一致的程序。
Ecoder,这个也是在sourceforge开源的,我的csdn博客之前还有记录过,没想到竟忘记了。
很赞的在线的代码编辑器,支持多种语言彩色语法编辑,罕见精品
http://blog.csdn.net/cuixiping/archive/2009/10/16/4678840.aspx
网址:
http://ecoder.gmeditor.com/
http://sourceforge.net/projects/ecoder/
我看了看,它的实现原理是用一个透明的