Creare un emulatore di terminale in Javascript e zTerminal
zTerminal è un plugin per jQuery che ci permette di creare un emulatore di terminale online.
Ovviamente non si tratta di un emulatore di sistema, in cui possiamo lanciare i comandi che conosciamo.
I comandi saremo noi ad impostarli con Javascript.
In effetti quale possa essere l'utilità non lo so, però mi divertiva provarlo.
Prima di tutto scaricate il plugin da qui.
A questo punto, vi basta creare una pagina così:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>zTerminal</title>
<link rel="stylesheet" href="css/termStyle.css">
<script src="jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous">
</script>
<script src="js/zterm.js"></script>
</head>
<body>
<div id="terminal" onclick="document.getElementById('termInput').focus();
return false;">
<p>zTerminal 0.2</p>
<ol id="terminalDisp"></ol>
<p>zTerminal@localhost:~ <input type="text" id="termInput" value=""></p>
</div>
</body>
</html>
Questa pagina include già tutto, e i comandi sono impostati direttamente nello script zterm.js.
Vi basterà modificare quelli per creare quelli che servono a voi.
Se uniamo questo ad una chat o ad AJAX, magari qualche cosa di utile ci esce!
Enjoy!
javascript jquery zterminal
Commentami!