JavaScript/HTML命令行小部件

JavaScript / HTML Command Line Widget

本文关键字：小部 命令行 HTML JavaScript      更新时间：2024-06-03

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

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

有人知道这种预先存在的小工具吗？如果不知道，有人能给我如何制作的提示吗？

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

我在输入行中使用了一个input元素，用于处理回车和制表等特殊按键。对于以前的命令和响应，我使用了可滚动区域，当有新的输入或响应可用时，我会在该区域添加新元素。

我在DIV中显示了命令和响应，这允许复制和粘贴（以及HTML格式）。我甚至让响应可以公开，所以我只会在最初显示命令，你可以点击"扩展"按钮来显示其余部分。

最后一切都很顺利。只有几个简单的HTML元素和一些jQuery代码，这些代码并不像我开始时想象的那么复杂。到目前为止，最复杂和最多的代码都是在调整美学！

看这里是一个用Javascript编码的»虚拟盒子«，里面运行着Linux，终端可能是你可以看一看的东西。就我所看的而言，已经完成了表格。

问候。。。

相关文章：