在editables小部件中抓取焦点/文本输入

时间:2016-09-05 13:30:45

标签: javascript widget ckeditor

我添加了一个带有以下代码的ckeditor小部件

editor.widgets.add('testwidget', {
  editables: {
    content: {
      selector: '.test_widget_content'
    }
  },
  upcast: function(element) {
    return element.name == 'h1' && element.attributes['test_widget_content'] == 'true';
  },
  init: function() {
    this.on('focus', function(ev){
        console.log('focused this');
    });
    this.on('key', function(ev){
        console.log('Keyed this');
    });
}

这确实添加了小部件,但是我在init中设置的焦点和关键方法是更新的。

如果删除editables:然后按预期调用key和focus,那么问题是:我如何在可编辑的小部件中收听焦点和关键事件?

1 个答案:

答案 0 :(得分:0)

原来你可以使用:

this.editables.content.on('keyup',function(ev) {
                    console.log('key up');
                });

在init方法中。唯一的事情就是on('key',function(){})不起作用。但keydown和keyup确实有用。