Heim > Web-Frontend > js-Tutorial > Habe eine CLI für den Browser erstellt

Habe eine CLI für den Browser erstellt

DDD
Freigeben: 2024-12-20 14:09:09
Original
991 Leute haben es durchsucht

Built a cli for browser

Termo

Termo ist ein einfacher Terminalemulator, mit dem Sie eine terminalähnliche Oberfläche auf Ihrer Website erstellen können. Es ist vom Terminalemulator in stripe.dev inspiriert. Es ist ein Wrapper auf xterm.js.


Demo

Schauen Sie sich das

an

Demo und Dokumentation.

github

Merkmale

  • [x] Anpassbarer Terminaltitel, Eingabeaufforderung, Schriftart und Thema
  • [x] Legen Sie eine Willkommensnachricht für das Terminal fest
  • [x] Fügen Sie beliebiges Javascript als Befehle hinzu und führen Sie es aus
  • [x] Soundeffekte steuern
  • [x] Erhalten Sie vollen Zugriff auf das Terminal (xterm.js)
  • [x] Terminal in den Dock-/Floating-Modus versetzen

Installation

Fügen Sie das folgende Skript-Tag in Ihre HTML-Datei ein.

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

Schnellstart

Erstellen Sie eine neue Instanz von Termo, indem Sie ein Objekt übergeben.

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();
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHabe eine CLI für den Browser erstellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage