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

Question

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

这样的事情存在吗？我认为缩放会成为一个问题 - 较大的文件很难有效编辑。

Answer 1

CodeMirror支持60多种语言，以及实现更高级编辑功能的插件（自动完成，代码折叠，可配置键绑定，搜索和替换，linter集成等）。丰富的编程API和CSS主题系统可用于自定义CodeMirror，并使用新功能扩展它。

它自2007年初开发，有Wikipedia page，并且被广泛用于开源项目（Joomla，Firebug等）。

Answer 2

Ace。他们不使用iFrame。

Answer 3

editArea javascript库做得非常好。它被OpenCMS内容管理系统用作就地JSP和JavaScript编辑器。当文件> 1时，着色会有点混乱。 2000行左右。

他们页面中的功能列表是：

• 易于集成，只有一个脚本包含和一个函数调用
• Tab支持（允许编写格式良好的源代码）
• 搜索并替换（使用正则表达式）
• 可自定义的实时语法高亮显示（目前：PHP，CSS，Javascript，Python，HTML，XML，VB，C，CPP，SQL，Pascal，Basic，Brainf * ck）
• 自动缩进新行
• 行号
• 多语言支持（目前：克罗地亚语，丹麦语，英语，法语，德语，意大利语，日语，波兰语，葡萄牙语）
• 全屏模式
• 可以在与“protype”和“mootools”相同的环境中工作。

Answer 4

Mozilla的Bespin看起来非常有趣，但项目是discontinued。

Answer 5

如果您是JavaScript开发人员，

Cloud9看起来很有趣。

Amy Editor是我今天遇到的另一个基于浏览器的编辑器 - 看起来它试图在浏览器中模拟TextMate - 包括Bundles和Snippets - 尽管该项目看起来很可能已经死了...... {{3 }和Homepage/Demo

Answer 6

Javascript VI，有一些错误，但这是一个有趣的想法。 VI FTW！

Answer 7

这是一个侧面的建议 - 但我使用Firefox plugin "It's All Text!"发送我的文本区域进行编辑 - 所有好的标记，搜索等。

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

但是，无论如何，我都会对浏览器内编辑器的限制感到恼火。 （在编辑过程中SO捕获我的C-k的方式仍然让我措手不及...... [这意味着我不会在Emacs中编辑所有] ...）

Answer 8

您可以查看 dockPHP StackHive进行Web开发（基于codemirror）。现在它支持HTML / CSS开发，但我正在进行实时的javascript-ing ..

免责声明：我是dockPHP的创始人：）

Answer 9

我用codiad。我在PHP，js和C中使用它。特点：

• 支持40多种语言 插件库
• 错误检查＆amp;通知
• 多用户支持
• 编辑器屏幕分割
• LocalStorage redundancy
• 高级搜索工具
• 智能自动完成
• 实时协作编辑
• 超过20种语法颜色主题
• 完全开源
• 轻松定制来源
• 在您自己的服务器上运行
• 快速下载备份
• 最大编辑器屏幕空间
• i18n语言支持

http://codiad.com

Answer 10

Eclipse Orion 提供了一个完整的Code Edit和一个缩小的Orion Editor。你可以看到它的demo here。

Answer 11

codesandbox.com是几个框架的即将出现的选择。