{
    xtype: 'textarea',
    plugins: ['tabKey']
}

Ext.ComponentMgr.registerPlugin('tabKey', function () {
    var addTab = function (input) {
        // IE:
        if (document.selection && document.selection.createRange) {
            input.selection = document.selection.createRange();
            input.selection.text = "\t";
        // FF:
        } else if (typeof input.selectionStart === 'number') {
            var start = input.value.substring(0, input.selectionStart);
            var end = input.value.substring(input.selectionEnd);
            var newRange = input.selectionStart+ 1;
            var scrollPos = input.scrollTop;
            input.value = start + "\t" + end;
            input.setSelectionRange(newRange, newRange);
            input.scrollTop = scrollPos;
        }
    };
    return {
        init: function (field) {
            field.enableKeyEvents = true;
            field.on('keydown', function (field, e) {
                if (e.getKey() === e.TAB) {
                    addTab(field.el.dom);
                    e.stopEvent();
                }
            });
        }
    };
});