JQuery Terminal Emulator Plugin

JQuery Terminal Emulator is a plugin for creating command line interpreters in your applications. It can automatically call JSON-RPC service when user type commands or you can provide an object with methods, each method will be invoke on user command. Object can have nested objects which will create nested interpreter. You can also use a function in which you can parse user command by your own. It′s ideal if you want to provide additional functionality for power users. It can also be used as debuging tool.

• You can create interpreter for your JSON-RPC service with one line of code.
• Support for authentication (you can provide function when user enter login and password or if you use JSON-RPC it can automatically call login function on the server and pass token to all functions)
• Stack of interpreters - you can create commands that trigger additional interpreters (eg. you can use couple of JSON-RPC service and run them when user type command)
• Command Tree - you can use nested objects each command will invoke a function if the value is an object it will create new interpreter and use function from that object as commands. You can use as much nested commands as you like. if the value is a string it will create JSON-RPC service.
• Tab completion with TAB key.
• Support for command line history (it use Local Storage if posible or cookies)
• Include keyboard shortcut from bash like CTRL+A, CTRL+D, CTRL+E etc.
• Multiple terminals on one page (every terminal can have different command, it′s own authentication function and it′s own command history) - you can swich between them with CTRL+TAB
• It catch all exceptions and display error messages in terminal (you can see errors in your javascript and php code in terminal if they are in interpreter function)
• Support for basic text formating (color, background, underline, bold, italic) inside echo function
• You can create and overwrite existing keyboard shortcuts

This is simple demo using javascript interpreter. (If cursor is not blinking - click on terminal to activate it) You can type any javascript expression, there are two debug function dir (like in python).

You can use JQuery ‘$’ function to manipulate the page. You also have access to this terminal in ‘term’ variable. Try ‘dir(term)’ or ‘term.signature()’.

Javascript code:

jQuery(function($, undefined) {
    $('#term_demo').terminal(function(command, term) {
        if (command !== '') {
            try {
                var result = window.eval(command);
                if (result !== undefined) {
                    term.echo(new String(result));
                }
            } catch(e) {
                term.error(new String(e));
            }
        } else {
           term.echo('');
        }
    }, {
        greetings: 'Javascript Interpreter',
        name: 'js_demo',
        height: 200,
        prompt: 'js> '});
});

Complete source with examples from github

• tar.gz archive
• zip archive

Or just the files:

• jquery.terminal-0.8.8.js - source [200KB]
• jquery.terminal-0.8.8.min.js - minified version [76KB]
• jquery.terminal.css - stylesheet [4,0KB]
• jquery-mousewheel - you may also want mousewheel plugin

JQuery Terminal Emulator plugin is released under GNU LGPL3 license.

It contains:

• Storage plugin Distributed under the MIT License — (c) 2010 Dave Schindler
• jQuery Timers licenced with the WTFPL — plugin page
• Cross-Browser Split under the MIT License Copyright 2007-2012 Steven Levithan stevenlevithan.com

Use terminal to leave a comment. Click to active. If you have a question you can create an issue on github, ask on stackoverflow (you can use jquery-terminal tag) or send email to jcubic@jcubic.pl. You can also send email with SO question or jump to the chat.

If you have feature request you can also add GitHub issue.