add indent/outdent support

src/Editor.js

@@ -155,7 +155,15 @@ var KeyBinding = function(element, host) {
                 return ace.stopEvent(e);
 
             case keys.TAB:
-                host.onTextInput("    ");
+                if (host.hasMultiLineSelection()) {
+                    if (e.shiftKey) {
+                        host.blockOutdent();
+                    } else {
+                        host.blockIndent();
+                    }
+                } else {
+                    host.onTextInput("    ");
+                }
                 return ace.stopEvent(e);
         }
     });
@@ -366,6 +374,38 @@ ace.Editor.prototype.removeLine = function() {
     }
 };
 
+ace.Editor.prototype.blockIndent = function(indentString) {
+    if (!this.hasSelection()) {
+        return;
+    };
+
+    var range = this.getSelectionRange();
+
+    var indentString = indentString || "    ";
+    this.doc.indentRows(range, indentString);
+
+    this.setSelectionAnchor(range.start.row, range.start.column + indentString.length);
+    this._moveSelection(function() {
+        this.moveCursorTo(range.end.row, range.end.column + indentString.length);
+    });
+};
+
+ace.Editor.prototype.blockOutdent = function(indentString) {
+    if (!this.hasSelection()) {
+        return;
+    };
+
+    var range = this.getSelectionRange();
+
+    var indentString = indentString || "    ";
+    var removedColumns = this.doc.outdentRows(range, indentString);
+
+    this.setSelectionAnchor(range.start.row, range.start.column - removedColumns);
+    this._moveSelection(function() {
+        this.moveCursorTo(range.end.row, range.end.column - removedColumns);
+    });
+};
+
 ace.Editor.prototype.onCompositionStart = function() {
     this.renderer.showComposition(this.cursor);
     this.onTextInput(" ");
@@ -625,6 +665,15 @@ ace.Editor.prototype.hasSelection = function() {
     return !!this.selectionLead;
 };
 
+ace.Editor.prototype.hasMultiLineSelection = function() {
+    if (!this.hasSelection()) {
+        return false;
+    }
+
+    var range = this.getSelectionRange();
+    return (range.start.row !== range.end.row);
+};
+
 ace.Editor.prototype.setSelectionAnchor = function(row, column) {
     this.clearSelection();
 

src/TextDocument.js

@@ -181,4 +181,28 @@ ace.TextDocument.prototype.replace = function(range, text) {
             : undefined);
 
     return end;
+};
+
+ace.TextDocument.prototype.indentRows = function(range, indentString) {
+  for (var i=range.start.row; i<= range.end.row; i++) {
+      this.lines[i] = indentString + this.getLine(i);
+  }
+  this.fireChangeEvent(range.start.row, range.end.row);
+};
+
+ace.TextDocument.prototype.outdentRows = function(range, indentString) {
+    outdentLength = indentString.length;
+
+    for (var i=range.start.row; i<= range.end.row; i++) {
+        if (this.getLine(i).substr(0, outdentLength) !== indentString) {
+            return 0;
+        }
+    }
+
+    for (var i=range.start.row; i<= range.end.row; i++) {
+        this.lines[i] = this.getLine(i).substring(outdentLength);
+    }
+
+    this.fireChangeEvent(range.start.row, range.end.row);
+    return outdentLength;
 };