Maison >interface Web >js tutoriel >Construit un cli pour le navigateur

Construit un cli pour le navigateur

DDD
DDDoriginal
2024-12-20 14:09:091012parcourir

Built a cli for browser

Thermos

Termo est un simple émulateur de terminal qui peut être utilisé pour créer une interface de type terminal sur votre site Web. Il est inspiré de l'émulateur de terminal de stripe.dev. C'est un wrapper au-dessus de xterm.js.


Démo

Découvrez le

démo et documentation.

github

Caractéristiques

  • [x] Titre, invite, police et thème du terminal personnalisables
  • [x] Définir un message de bienvenue pour le terminal
  • [x] Ajoutez et exécutez n'importe quel javascript sous forme de commandes
  • [x] Contrôler les effets sonores
  • [x] Obtenez un accès complet au terminal (xterm.js)
  • [x] Régler le terminal en mode dock/flottant

Installation

Incluez la balise de script suivante dans votre fichier HTML.

<script src="https://cdn.jsdelivr.net/gh/rajnandan1/termo/dist/termo.min.js"></script>

Démarrage rapide

Créez une nouvelle instance de Termo en passant un objet .

const myTermo = new termo({
    title: 'Termo',
    welcomeMessage: 'Welcome to Termo',
    commands: [
        {
            command: 'hello',
            description: 'Says hello',
            action: async (terminal, args) => terminal.write('\r\nHello! ' + args.join(' ')),
        },
    ],
});
myTermo.create();
myTermo.show();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn