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

时间：2008-10-13 16:59:28

标签： javascript ide editor dhtml

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

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

答案 0 :(得分：38)

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

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

答案 1 :(得分：13)

Ace。他们不使用iFrame。

答案 2 :(得分：8)

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

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

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

答案 3 :(得分：7)

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

答案 4 :(得分：2)

如果您是JavaScript开发人员，

Cloud9看起来很有趣。

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

答案 5 :(得分：1)

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

答案 6 :(得分：1)

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

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

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

答案 7 :(得分：1)

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

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

答案 8 :(得分：1)

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

答案 9 :(得分：0)

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

答案 10 :(得分：0)

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