Custom HTML Terminals - A JavaScript library to create HTML terminals in web pages. The shell js JavaScript library offers a straightforward method to create Ubuntu, OS X, Windows, and Custom type terminal on the web software.
How to make use of it:
Installation:
# Yarn $ yarn add shell.js # NPM $ npm install shell.js --save
Import the shell.js into your internet undertaking.
Create a placeholder component for the terminal.
Generate a default terminal contained in the aspect.
new Shell('#default', {
// options here
});Set the types of the terminal. Possible types:
- ‘custom’ (default)
- ‘ubuntu’
- ‘osx’
- ‘windows’
new Shell('#default', {
style: 'osx'
});Set the theme (dark or light) of the terminal.
new Shell('#default', {
theme: 'light'
});
Set the person/host/path/instructions displayed within the terminal.
new Shell('#default', {
user: 'guest',
host: 'HOSTNAME',
path: '/etc/',
commands: ['sudo -i', 'rm -rf /', 'exit']
});
Make the terminal fully responsive.
new Shell('#default', {
responsive: true
});
You also can use the typed.js library to create a typing impact within the terminal.
new Shell('#default', {
typed: Typed
});
Create Custom Terminals With Pure JavaScript, JavaScript Terminal Emulator Program, HTML Terminal Emulator
Changelog:
v3.2.1 (08/22/2020)
- Fixed vulnerabilities
- Fixed status bar buttons padding
v3.2.0 (04/28/2020)
- Added instructions enter/output
- Added multiple outputs
- Fixed vulnerabilities
01/20/2020
- v3.1.1: Fixed dependency vulnerabilities
10/12/2018
- v3.1.0: Fix responsive behavior
10/12/2018
- v3.1.0: Fix responsive behavior
07/04/2018
- Inherit right shade for title
See Demo And Download
Official Website(davidecaruso): Click Here
This superior jQuery/javascript plugin is developed by davidecaruso. For extra Advanced Usages, please go to the official website.
Be First to Comment