在 html 页面上显示命令行输出

Question

我正在构建一个 Web 应用程序，它在终端上运行某些命令并将结果显示回 Web 应用程序。我能够使用 child_process.exec 运行命令并获取我面临的问题的结果，同时将其显示在 html 页面上。

我想要这样的东西：

有没有办法像这样显示命令行输出？任何线索都可以。谢谢你。

Answer 1

要在浏览器或 Web 应用程序中获得类似终端/外壳/控制台的体验，请查看...

JS 解决方案，用于交互

• https://xtermjs.org
• https://github.com/chjj/tty.js
• http://sdether.github.io/josh.js
• https://terminal.jcubic.pl/
• https://github.com/liftoff/GateOne
• https://github.com/1j01/simple-console
• https://www.masswerk.at/termlib/index.html

仅 HTML/CSS 解决方案，用于非交互性

要模拟没有连接性或交互性的终端：

• https://github.com/ines/termynal
• https://github.com/tj/node-term-css
• https://guides.codechewing.com/mac-terminal-shell-css-html

或者也许从头开始使用黑色背景，白色等宽字体，然后从那里开始构建......

代码笔

#container {
  background-color: #000000;
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 400px;
  padding: 3em;
}

#content {
  color: #ffffff;
  font-size: 16px;
  font-family: monospace;
}

<div id="container">
  <div id="content">
    <p>Hello world</p>
    <p>Hello world</p>
    <p>Hello world</p>
    <p>Hello world</p>
  </div>
</div>