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

JSFiddle

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: ''}];
}

questionAnswers(2)

yourAnswerToTheQuestion