Creare un emulatore di terminale in Javascript e zTerminal

Mattepuffo's logo
Creare un emulatore di terminale in Javascript e zTerminal

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!


Condividi

Commentami!