有一个很好的浏览器内代码编辑器吗?

我们都看到了浏览器中丰富的文本编辑器,它允许您以所见即所得的方式编辑彩色/样式的文本。 但是代码编辑器在键入时会自动突出显示基于语言规则的代码呢? 在一个textarea中思考Eclipse(但没有重构支持)。

这样的事情存在吗? 我想象缩放会是一个问题 – 较大的文件将很难有效地编辑。

CodeMirror附带支持60多种语言,以及实现更高级编辑function(自动完成,代码折叠,可configuration键绑定,search和replace,linter集成等)的插件。 丰富的编程API和CSS主题系统可用于自定义CodeMirror,并使用新function进行扩展。

它自2007年初开始开发,有一个维基百科页面 ,正在被广泛使用在stream行的开源项目(Joomla,Firebug等)中。

Ace 。 他们不使用iFrame。

editArea javascript库做得非常好。 OpenCMS内容pipe理系统使用它作为就地的JSP和JavaScript编辑器。 当文件大于2000行时,着色会有点困惑。

他们页面的function列表是:

  • 易于集成,只有一个脚本包含和一个函数调用
  • 标签支持(允许写好格式化的源代码)
  • search和replace(与正则expression式)
  • 可定制的实时语法突出显示(当前:PHP,CSS,Javascript,Python,HTML,XML,VB,C,CPP,SQL,Pascal,Basic,Brainf * ck)
  • 自动缩进新行
  • 行号
  • 多语言支持(当前:克罗地亚语,丹麦语,英语,法语,德语,意大利语,日语,波兰语,葡萄牙语)
  • 全屏模式
  • 可以在与“protype”和“mootools”的库相同的环境中工作。

Mozilla的Bespin看起来非常有趣,但项目已经停止 。

这是一个横向的build议 – 但我使用Firefox插件“这是所有文本!” 发送我的文本区域进行编辑 – 所有好的标记,search等

当然,这是依赖于用户的,如果这是您的意图,则不能轻易地向访问者推出。

不过,无论如何,我倾向于被浏览器内编辑的局限所烦恼。 (在编辑过程中捕捉我的Ck的方式仍然让我不知所措… [这意味着我不会编辑Emacs中的所有内容 …])

Javascript六 ,有一些错误,但是一个有趣的想法。 VI FTW!

你可以检查出dockPHP StackHive进行web开发(基于codemirror)。 现在它支持HTML / CSS开发,但我正在处理实时javascript-ing以及..

免责声明:我是dockPHP的创始人:)

Cloud9看起来很有趣,如果你是一个JavaScript开发人员。

艾米编辑器是我今天遇到的另一种基于浏览器的编辑器 – 它看起来像是试图在浏览器中模拟TextMate – 包括Bundles和Snippets – 尽pipe项目看起来可能已经死了… 主页/演示和源代码GitHub上

Eclipse Orion提供了一个完整的代码编辑和缩小的Orion编辑器 。 你可以在这里看到它的演示 。