feat(ta-paste): Add attribute that allows intercetping of the pasted …

…content.
textAngular · Feb 5, 2015 · 3969898 · 3969898
1 parent 07eda5a
commit 3969898
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/lib/main.js b/lib/main.js
@@ -80,8 +80,10 @@ textAngular.run([function(){
 }]);
 
 textAngular.directive("textAngular", [
-	'$compile', '$timeout', 'taOptions', 'taSelection', 'taExecCommand', 'textAngularManager', '$window', '$document', '$animate', '$log', '$q',
-	function($compile, $timeout, taOptions, taSelection, taExecCommand, textAngularManager, $window, $document, $animate, $log, $q){
+	'$compile', '$timeout', 'taOptions', 'taSelection', 'taExecCommand',
+	'textAngularManager', '$window', '$document', '$animate', '$log', '$q', '$parse',
+	function($compile, $timeout, taOptions, taSelection, taExecCommand,
+		textAngularManager, $window, $document, $animate, $log, $q, $parse){
 		return {
 			require: '?ngModel',
 			scope: {},
@@ -341,7 +343,14 @@ textAngular.directive("textAngular", [
 						}
 					});
 				}
-
+
+				if(attrs.taPaste){
+					scope._pasteHandler = function(_html){
+						return $parse(attrs.taPaste)(scope.$parent, {$html: _html});
+					};
+					scope.displayElements.text.attr('ta-paste', '_pasteHandler($html)');
+				}
+
 				// compile the scope with the text and html elements only - if we do this with the main element it causes a compile loop
 				$compile(scope.displayElements.scrollWindow)(scope);
 				$compile(scope.displayElements.html)(scope);
@@ -401,7 +410,11 @@ textAngular.directive("textAngular", [
 				};
 				scope.displayElements.html.on('blur', _focusout);
 				scope.displayElements.text.on('blur', _focusout);
-
+
+				scope.displayElements.text.on('paste', function(event){
+					element.triggerHandler('paste', event);
+				});
+
 				// Setup the default toolbar tools, this way allows the user to add new tools like plugins.
 				// This is on the editor for future proofing if we find a better way to do this.
 				scope.queryFormatBlockState = function(command){

diff --git a/lib/taBind.js b/lib/taBind.js
@@ -42,6 +42,7 @@ angular.module('textAngular.taBind', ['textAngular.factories', 'textAngular.DOM'
 			var _lastKey;
 			var BLOCKED_KEYS = /^(9|19|20|27|33|34|35|36|37|38|39|40|45|112|113|114|115|116|117|118|119|120|121|122|123|144|145)$/i;
 			var UNDO_TRIGGER_KEYS = /^(8|13|32|46|59|61|107|109|186|187|188|189|190|191|192|219|220|221|222)$/i; // spaces, enter, delete, backspace, all punctuation
+			var _pasteHandler;
 
 			// defaults to the paragraph element, but we need the line-break or it doesn't allow you to type into the empty element
 			// non IE is '<p><br/></p>', ie is '<p></p>' as for once IE gets it correct...
@@ -67,6 +68,8 @@ angular.module('textAngular.taBind', ['textAngular.factories', 'textAngular.DOM'
 
 			var _blankTest = _taBlankTest(_defaultTest);
 
+			if(attrs.taPaste) _pasteHandler = $parse(attrs.taPaste);
+
 			element.addClass('ta-bind');
 
 			var _undoKeyupTimeout;
@@ -388,6 +391,9 @@ angular.module('textAngular.taBind', ['textAngular.factories', 'textAngular.DOM'
 							}
 
 							text = taSanitize(text, '', _disableSanitizer);
+
+							if(_pasteHandler) text = _pasteHandler(scope, {$html: text}) || text;
+
 							taSelection.insertHtml(text, element[0]);
 							$timeout(function(){
 								ngModel.$setViewValue(_compileHtml());