什麼是在網頁中模擬DOS或終端屏幕的最佳方式？

我發現這很難甚至概念化。簡單的方法是讓一個大的textarea元素佔據大部分屏幕，並在其下面有一個小文本input。玩家將鍵入命令，輸出將顯示在textarea中。什麼是在網頁中模擬DOS或終端屏幕的最佳方式？

問題是，我想要輸入被完全集成。想想DOS屏幕。有括號提示，>，之後你鍵入一個命令。按Enter鍵，輸出顯示在下方，然後是另一個>提示輸入下一個命令。輸入與輸出在視覺上不是分開的。我想要完成的一個例子可以在這裏看到：http://www.youtube.com/watch?v=UC_FrikiZdE（除了用鼠標來選擇命令，它們可以被輸入）。

我該如何去做HTML（使用JavaScript/jQuery處理輸入/輸出）？我想也許一切都在可編輯textarea完成，但退格鍵無法抹去從>提示什麼和超越，已在只輸入文本。

什麼是最簡單的方法是什麼？我一直無法在網上找到任何演示或教程。任何人都可以指出我可能錯過的任何東西嗎？謝謝。

來源

2012-10-16 TerranRich

當前命令的content-editable div，前面的命令（和結果）被附加到上面的不可編輯div上？ – nnnnnn

下面是一個很好的例子，用於嘗試MongoDB：http://try.mongodb.org/ – Laurence

太棒了！這正是我想要的，勞倫斯！我忘記在我的搜索中使用「shell」。用一個解釋來回答它，我可以把它作爲問題的答案，它可以幫助處於同樣困境中的其他人。 – TerranRich

您可以通過谷歌在線檢查發現這些JavaScript端子：

而且，我的一些法國朋友正在研究這個：

http://webshell.io/home

來源

2012-10-16 00:18:29

什麼是在網頁中模擬DOS或終端屏幕的最佳方式？

回答

相關問題