JavaScript / HTML 命令行小部件

Question

我正在用JavaScript制作基于文本的游戏，我正在寻找一个命令行小部件，并具备以下功能：

• print - 能够发送同步命令以将一些文本（最好支持任意HTML）放入命令行中。
• commands - 能够指定用户可以输入的命令，然后执行函数（应支持此类命令的参数，并最好具有自动完成功能）。
• prompt - 能够请求输入（并将该输入发送到回调函数）。这应该排队打印并禁用命令。
• 用户不应能够编辑输出文本（但应能够复制和粘贴）。
• 最好使用语义化元素。
• 浏览器支持：最新的Firefox和Chrome，最好还支持IE9，最新的Safari和Opera。

请问是否有任何此类现成的小部件？如果没有，能否给我制作此类小部件的提示？

- Inkbug

---

我之前想做类似的东西，但之后不知道该去哪里。http://labs.shikiryu.com/shikicode/shiki.html （可能的命令包括：test、help、?、man、shikiryu is my god）你可以通过这个脚本来获取灵感。 - Shikiryu

Answer 1

制作这个并不像你想象的那么棘手。我最近为一个项目制作了一个，使用了HTML元素和jQuery JS。

我使用了一个输入元素来处理特殊的按键操作，比如回车和制表符。对于以前的命令和响应，我使用了一个可滚动的区域，当新的输入或响应可用时，我会将新元素附加到其中。

我在DIV中显示了命令和响应，这允许复制和粘贴（以及HTML格式）。我甚至使响应可披露，所以一开始只显示命令，你可以点击“展开”按钮来显示其余部分。

最终所有都很好地运作了。只需要一些简单的HTML元素和一些jQuery代码，当我开始它时，它并不像我想象的那么复杂。迄今为止，最复杂和最多的代码是调整美学！

- sync

Answer 2

看这里，这是用Javascript编码的带有Linux的»虚拟机«，终端可能是你可以了解的东西。就我所看到的，它使用表格完成。

问候...

- philipp