/* angular-summernote v0.8.1 | (c) 2016 JeongHoon Byun | MIT license */
|
/* global angular */
|
angular.module('summernote', [])
|
|
.controller('SummernoteController', ['$scope', '$attrs', '$timeout', '$translate', '$log', function($scope, $attrs, $timeout, $translate, $log) {
|
'use strict';
|
|
var currentElement,
|
summernoteConfig = angular.copy($scope.summernoteConfig) || {};
|
|
if (angular.isDefined($attrs.height)) { summernoteConfig.height = +$attrs.height; }
|
if (angular.isDefined($attrs.minHeight)) {
|
summernoteConfig.minHeight = +$attrs.minHeight;
|
} else {
|
summernoteConfig.minHeight = "120px";
|
}
|
if (angular.isDefined($attrs.maxHeight)) { summernoteConfig.maxHeight = +$attrs.maxHeight; }
|
if (angular.isDefined($attrs.placeholder)) { summernoteConfig.placeholder = $attrs.placeholder; }
|
if (angular.isDefined($attrs.focus)) { summernoteConfig.focus = true; }
|
if (angular.isDefined($attrs.airmode)) { summernoteConfig.airMode = true; }
|
if (angular.isDefined($attrs.dialogsinbody)) { summernoteConfig.dialogsInBody = true; }
|
|
/*if (angular.isDefined($attrs.lang)) {
|
if (!angular.isDefined($.summernote.lang[$attrs.lang])) {
|
throw new Error('"' + $attrs.lang + '" lang file must be exist.');
|
}
|
summernoteConfig.lang = $attrs.lang;
|
}*/
|
|
summernoteConfig.callbacks = summernoteConfig.callbacks || {};
|
|
if (angular.isDefined($attrs.onInit)) {
|
summernoteConfig.callbacks.onInit = function(evt) {
|
$scope.init({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onEnter)) {
|
summernoteConfig.callbacks.onEnter = function(evt) {
|
$scope.enter({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onFocus)) {
|
summernoteConfig.callbacks.onFocus = function(evt) {
|
$scope.focus({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onPaste)) {
|
summernoteConfig.callbacks.onPaste = function(evt) {
|
$scope.paste({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onKeyup)) {
|
summernoteConfig.callbacks.onKeyup = function(evt) {
|
$scope.keyup({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onKeydown)) {
|
summernoteConfig.callbacks.onKeydown = function(evt) {
|
$scope.keydown({evt:evt});
|
};
|
}
|
if (angular.isDefined($attrs.onImageUpload)) {
|
summernoteConfig.callbacks.onImageUpload = function(files) {
|
$scope.imageUpload({files:files, editable: $scope.editable});
|
};
|
}
|
if (angular.isDefined($attrs.onMediaDelete)) {
|
summernoteConfig.callbacks.onMediaDelete = function(target) {
|
// make new object that has information of target to avoid error:isecdom
|
var removedMedia = {attrs: {}};
|
removedMedia.tagName = target[0].tagName;
|
angular.forEach(target[0].attributes, function(attr) {
|
removedMedia.attrs[attr.name] = attr.value;
|
});
|
$scope.mediaDelete({target: removedMedia});
|
};
|
}
|
|
this.localeChange = function (changeLocale) {
|
var locale = "";
|
|
switch (changeLocale) {
|
case "ko" :
|
locale = "ko-KR";
|
|
break;
|
case "ja" :
|
locale = "ja-JP";
|
|
break;
|
case "en" :
|
locale = "en-US";
|
break;
|
case "vi" :
|
locale = "vi-VN";
|
break;
|
}
|
|
if (!angular.isDefined($.summernote.lang[locale])) {
|
throw new Error('"' + $attrs.lang + '" lang file must be exist.');
|
}
|
|
summernoteConfig.lang = locale;
|
}
|
|
this.localeChange($translate.use());
|
|
this.activate = function(scope, element, ngModel) {
|
|
var updateNgModel = function() {
|
var newValue = element.summernote('code');
|
if (element.summernote('isEmpty')) { newValue = ''; }
|
if (ngModel && ngModel.$viewValue !== newValue) {
|
$timeout(function() {
|
ngModel.$setViewValue(newValue);
|
}, 0);
|
}
|
};
|
|
var originalOnChange = summernoteConfig.callbacks.onChange;
|
summernoteConfig.callbacks.onChange = function (contents) {
|
$timeout(function () {
|
if (element.summernote('isEmpty')) {
|
contents = '';
|
}
|
updateNgModel();
|
}, 0);
|
if (angular.isDefined($attrs.onChange)) {
|
$scope.change({contents: contents, editable: $scope.editable});
|
} else if (angular.isFunction(originalOnChange)) {
|
originalOnChange.apply(this, arguments);
|
}
|
};
|
if (angular.isDefined($attrs.onBlur)) {
|
summernoteConfig.callbacks.onBlur = function (evt) {
|
(!summernoteConfig.airMode) && element.blur();
|
$scope.blur({evt: evt});
|
};
|
}
|
|
if (angular.isDefined($attrs.disabled)) {
|
summernoteConfig.disableResizeEditor = true;
|
element.summernote(summernoteConfig);
|
element.summernote("disable");
|
}
|
else {
|
element.summernote(summernoteConfig);
|
}
|
|
var editor$ = element.next('.note-editor'),
|
unwatchNgModel;
|
editor$.find('.note-toolbar').click(function() {
|
updateNgModel();
|
|
// sync ngModel in codeview mode
|
if (editor$.hasClass('codeview')) {
|
editor$.on('keyup', updateNgModel);
|
if (ngModel) {
|
unwatchNgModel = scope.$watch(function () {
|
return ngModel.$modelValue;
|
}, function(newValue) {
|
editor$.find('.note-codable').val(newValue);
|
});
|
}
|
} else {
|
editor$.off('keyup', updateNgModel);
|
if (angular.isFunction(unwatchNgModel)) {
|
unwatchNgModel();
|
}
|
}
|
});
|
|
if (ngModel) {
|
ngModel.$render = function() {
|
if (ngModel.$viewValue) {
|
element.summernote('code', ngModel.$viewValue);
|
} else {
|
element.summernote('empty');
|
}
|
};
|
}
|
|
// set editable to avoid error:isecdom since Angular v1.3
|
if (angular.isDefined($attrs.editable)) {
|
$scope.editable = editor$.find('.note-editable');
|
}
|
if (angular.isDefined($attrs.editor)) {
|
$scope.editor = element;
|
}
|
|
currentElement = element;
|
// use jquery Event binding instead $on('$destroy') to preserve options data of DOM
|
element.on('$destroy', function() {
|
element.summernote('destroy');
|
$scope.summernoteDestroyed = true;
|
});
|
};
|
|
$scope.$on('$destroy', function () {
|
// when destroying scope directly
|
if (!$scope.summernoteDestroyed) {
|
currentElement.summernote('destroy');
|
}
|
});
|
}])
|
.directive('summernote', [function() {
|
'use strict';
|
|
return {
|
restrict: 'EA',
|
transclude: 'element',
|
replace: true,
|
require: ['summernote', '?ngModel'],
|
controller: 'SummernoteController',
|
scope: {
|
summernoteConfig: '=config',
|
editable: '=',
|
editor: '=',
|
init: '&onInit',
|
enter: '&onEnter',
|
focus: '&onFocus',
|
blur: '&onBlur',
|
paste: '&onPaste',
|
keyup: '&onKeyup',
|
keydown: '&onKeydown',
|
change: '&onChange',
|
imageUpload: '&onImageUpload',
|
mediaDelete: '&onMediaDelete'
|
},
|
template: '<div class="summernote"></div>',
|
link: function(scope, element, attrs, ctrls, transclude) {
|
|
var summernoteController = ctrls[0],
|
ngModel = ctrls[1];
|
|
if (!ngModel) {
|
transclude(scope, function(clone, scope) {
|
// to prevent binding to angular scope (It require `tranclude: 'element'`)
|
element.append(clone.html());
|
});
|
summernoteController.activate(scope, element, ngModel);
|
} else {
|
var clearWatch = scope.$watch(function() { return ngModel.$viewValue; }, function(value) {
|
clearWatch();
|
element.append(value);
|
summernoteController.activate(scope, element, ngModel);
|
}, true);
|
}
|
|
scope.$on("languageChange", function (event, args) {
|
element.summernote('destroy');
|
|
ctrls[0].localeChange(args.language)
|
ctrls[0].activate(scope, element, ngModel);
|
});
|
}
|
};
|
}]);
|
