Question

我想得到ckeditor的keydown事件，但是在AngularJS中使用实例。我创建了一个Directive并将keydown事件发送到我的scope函数。但我的页面中有很多ckeditors。每个keydown，我得到所有ckeditor实例的keydown事件。

指令：

app.directive('ckEditor', function () {
  return {
    require: '?ngModel',
    link: function (scope, elm, attr, ngModel) {
      var ck = CKEDITOR.replace(elm[0]);
      if (!ngModel) return;

      ck.on('pasteState', function() {
        scope.$apply(function() {
          ngModel.$setViewValue(ck.getData());
        });
        var editable = ck.editable();

        editable.attachListener( ck.document, 'keydown', function(event) {
            scope.keyboard_events(event);
        });
      });

      ngModel.$render = function(value) {
        ck.setData(ngModel.$viewValue);
      };

    }
  };
});

我的控制器：

$scope.keyboard_events = function(event) {
  console.log( "agora sim ")
}

Answer 1

我使用angular-ckeditor解决了我的问题。使用实例和ng模型要好得多。（https://github.com/lemonde/angular-ckeditor）

使用实例的Keydown事件CKEditor

1 个答案: