javascript - 有没有好的浏览器内代码编辑器？

Question

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

这样的事情存在吗？我想缩放将是一个问题 - 较大的文件将难以有效编辑。

score 40 · Accepted Answer

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

它自 2007 年初开始开发，有一个Wikipedia 页面，并被用于大量流行的开源项目（Joomla、Firebug 等）。

score 13 · Accepted Answer

13

王牌。他们不使用 iFrame。

于 2011-01-18T01:13:25.300 回答

score 8 · Accepted Answer

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

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

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

score 7 · Accepted Answer

7

Mozilla 的 Bespin 看起来很有趣，但该项目已停止。

于 2009-03-01T19:30:05.347 回答

score 2 · Accepted Answer

如果您是 JavaScript 开发人员，Cloud9看起来很有趣。

Amy Editor 是我今天遇到的另一个基于浏览器的编辑器 - 看起来它正在尝试在浏览器中模拟 TextMate - 包括 Bundles 和 Snippets - 尽管该项目看起来可能已经死了......主页/演示和来源GitHub

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

这是一个附带的建议——但我使用Firefox 插件“It's All Text！” 将我的文本区域发送到进行编辑——所有好的标记、搜索等。

当然，这取决于用户，并且不能轻易地向访问者推出，如果这是您的意图的话。

但是，无论如何，我倾向于对浏览器内编辑器的限制感到恼火。（SO 在编辑期间捕获我的 Ck 的方式仍然让我措手不及...... [这意味着我不会在 Emacs 中编辑所有内容......]）

score 1 · Accepted Answer

1

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

于 2008-10-13T17:31:43.540 回答

score 1 · Accepted Answer

我用codiad。我将它与 PHP、js 和 C 一起使用。特点：

score 0 · Accepted Answer

0

codeandbox.com是多个框架的新选择。

于 2018-07-18T03:46:41.497 回答

score 0 · Accepted Answer

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

11 回答 11