小编som*_*s24的帖子

使用 CKEditor5 修改/捕获按键

我正在尝试使用打字稿在 Angular 应用程序中捕获 CKEditor5 中的输入。我能够让 CKEditor 显示并且能够记录编辑器的存在。但是,我似乎无法捕获输入。这在 CKEditor4 中似乎非常简单,其中一个简单的代码如下所示:

editor.on('key', function (event) {
  //some work goes here
}
Run Code Online (Sandbox Code Playgroud)

但是,使用我当前的 ClassicEditor 尝试此操作似乎并非如此。我正在使用 Angular 并在 index.html 中初始化了 CKEditor5 并从以下格式的代码中调用它

declare var ClassicEditor: any;

export class AlterInput implements OnInit {
  ngOnInit() {
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .then(editor => {
            console.log("THIS GETS PRINTED", editor)
            editor.on('key', (event) => {
                                console.log('THIS DOES NOT GET PRINTED', event);
        })
        .catch( error => {
            console.error( error );
        } );
  }
}
Run Code Online (Sandbox Code Playgroud)

我最初用 CKEditor4 创建了一个插件 - 这是通过调用 CKEDITOR.plugins.add('pluginName', …

keyboard ckeditor typescript angular ckeditor5

4
推荐指数
1
解决办法
3329
查看次数

标签 统计

angular ×1

ckeditor ×1

ckeditor5 ×1

keyboard ×1

typescript ×1