基于浏览器的 IDE - 具有代码完成功能的文本区域？

Posted 2023-05-07

【中文标题】基于浏览器的 IDE - 具有代码完成功能的文本区域？

【英文标题】：Browser based IDE - Textarea with code completion available?

【发布时间】：2011-06-09 05:40:45

【问题描述】：

最近我发现可以使用 javascript 在<textarea> 中进行语法高亮显示。

是否有也支持自动完成的开源库？ 我想为 html/CSS 模板制作一个简单的在线编辑器。

最好是补全是可以扩展的，所以我可以添加自定义规则。

【问题讨论】：

听起来是个很酷的想法，但还不是很实用。我想你可以利用 HTML5 来缓存大部分内容以供离线使用。

@xil3：我必须离线缓存什么？代码完成定义？它们可以内联为 JSON

所以有人总是需要互联网连接才能使用 IDE？即使代码完成定义是内联的，也需要将其缓存在某个地方才能离线访问。

@xil3，啊，我明白了。是的，HTML5 在这种情况下才有意义

【参考方案1】：

您应该检查this wikipedia page on javascript based code editors。它将 MDK-Editor 列为支持 html、css 和 javascript 的自动完成功能的编辑器。你可以在这里看到demo。

【参考方案2】：

CodeMirror有能力支持自动补全

JS 示例：http://codemirror.net/demo/complete.html XML 示例http://codemirror.net/demo/xmlcomplete.html

【参考方案3】：

Mozilla Labs 拥有Skywriter （此项目不再活动），这是一个基于浏览器的 IDE。我不知道它是否有代码完成（我找不到它）。

【讨论】：

Skywrite 已重命名为Ace，Cloud9 IDE 中使用的编辑器。