maxlength não funciona na área de texto para a diretiva ckeditor angularjs
Eu criei um aplicativo no angularjs com o plugin ckeditor, criei uma diretiva para o ckeditor. O aplicativo está funcionando bem, mas o problema é que preciso definir um tamanho máximo de caractere como 50, por isso coloqueimaxlength="50"
, mas não está funcionando,
Alguém pode me dizer alguma solução para isso
html
<div data-ng-app="app" data-ng-controller="myCtrl">
<h3>CKEditor 4.2:</h3>
<div ng-repeat="editor in ckEditors">
<textarea data-ng-model="editor.value" maxlength="50" data-ck-editor></textarea>
<br />
</div>
<button ng-click="addEditor()">New Editor</button>
</div>
roteiro
var app = angular.module('app', []);
app.directive('ckEditor', [function () {
return {
require: '?ngModel',
link: function ($scope, elm, attr, ngModel) {
var ck = CKEDITOR.replace(elm[0]);
ck.on('pasteState', function () {
$scope.$apply(function () {
ngModel.$setViewValue(ck.getData());
});
});
ngModel.$render = function (value) {
ck.setData(ngModel.$modelValue);
};
}
};
}])
function myCtrl($scope){
$scope.ckEditors = [{value: ''}];
}