add onLoad option

README.md

@@ -74,16 +74,31 @@ Although, _ui-ace_ automatically handles some handy options :
  + _useWrapMode_ : to set whether or not line wrapping is enabled.
  + _theme_ : to set the thme to use.
  + _mode_ : to set the mode to use.
+ + _onLoad_ : callback when the editor has finished loading
 
 ```html
 <div ui-ace="{
   useWrapMode : true,
   showGutter: false,
   theme:'twilight',
-  mode: 'xml'
+  mode: 'xml',
+  onLoad: aceLoaded
 }"></div>
 ```
 
+You'll want to define the onLoad callback on your scope:
+
+```javascript
+myAppModule.controller('MyController', [ '$scope', function($scope) {
+
+  $scope.aceLoaded = function(editor) {
+    // Options
+    _editor.setReadOnly(true);
+  };
+
+}]);
+```
+
 To handle other options you'll have to use a direct access to the Ace created instance (see [below](#ace-instance-direct-access)).
 
 ## Working with ng-model

test/ace.spec.js

@@ -73,6 +73,14 @@ describe('uiAce', function () {
 					expect(_ace.renderer.getShowGutter()).toBeFalsy();
 				});
 			});
+			describe('onLoad', function() {
+				it("runs the onLoad callback", function() {
+					scope.aceLoaded = function() {};
+					spyOn(scope, "aceLoaded");
+					$compile('<div ui-ace="{onLoad: aceLoaded}">')(scope);
+					expect(scope.aceLoaded).toHaveBeenCalled();
+				});
+			});
 		});
 
 		describe('when the model changes', function () {

ui-ace.js

@@ -59,6 +59,11 @@ angular.module('ui.ace', [])
           session.setUseWrapMode(opts.useWrapMode);
         }
 
+        // onLoad callback
+        if (angular.isFunction(opts.onLoad)) {
+          opts.onLoad(acee);
+        }
+
         // Basic options
         if (angular.isString(opts.theme)) {
           acee.setTheme("ace/theme/" + opts.theme);