Tab Override

Tab Override is a plugin for WordPress and jQuery that allows tabs to be entered into textareas. In WordPress, it affects the HTML editor on admin pages. The WordPress plugin was originally written by Mathew Tinsley.

Some features include:

• Tab insertion via the tab key
• Tab removal via the shift+tab key combination
• Multi-line selection support
• Adjustable tab size
• Auto indent
• Tabs on/off toolbar button
• Cross-browser compatibility

Live Example (jQuery)

Try out Tab Override on this textarea element. Use the tab key to add a tab character. Use shift+tab to remove tabs. You can select multiple lines to shift them left and right.
Enable Tab Override
Tab Size:
Enable Auto Indent

The above example uses the following code:

// using jQuery 1.7.x and Tab Override 1.1.1pre
jQuery(function ($) {
    var tabOverride = $.fn.tabOverride,
        fnTabSize = tabOverride.tabSize,
        $textarea = $('#txt');

    function toggleTabOverride() {
        $textarea.tabOverride(this.checked);
    }
    toggleTabOverride.call(
        $('#tab_override_enabled')
            .on('change.tabOverride', toggleTabOverride)[0]
    );

    function changeTabSize() {
        fnTabSize(parseInt(this.value, 10));
    }
    changeTabSize.call(
        $('#tab_override_tab_size')
            .on('change.tabOverride', changeTabSize)[0]
    );

    function toggleAutoIndent() {
        tabOverride.autoIndent = this.checked;
    }
    toggleAutoIndent.call(
        $('#tab_override_auto_indent')
            .on('change.tabOverride', toggleAutoIndent)[0]
    );
});

jQuery plugin documentation

See more examples at the jQuery plugins website.

Download Tab Override

• WordPress plugin
• jQuery plugin (v1.1.1 pre-release | min)
• MediaWiki extension (version 2.2)