如何在CK编辑器textarea中链接计数字符？

Question

Ckeditor很神奇，但它被编程为惹我生气。

我已经链接到CDN并实例化了一个给出id cke_quotation的textarea。在原始textarea中，我有一个jquery函数，在keyup和focusout上，有一个字符计数。现在我想将此函数链接到ckeditor引号，它具有id cke_quotation。但是，它不会起作用。我做错了什么？

Answer 1

CKEditor不适用于普通的textarea - 它正在使用contenteditable元素。如果你想听听你需要收听的关键事件，那就叫做可编辑。

var editor = CKEDITOR.instances.quotation;
editor.editable().on( 'keydown', function( evt ){
    console.log( 'keydown', evt );
    // You could call editor.getData() to get current editor
    // contents and then count anything you like.
} );

但是，不要寻找像keydown这样的事件，而应该对更多“输入无关”事件更感兴趣，例如change（因为更改可能是由不同来源引起的，例如paste， cut，拖放）。

如果您正在寻找CKE的字数统计功能，那么为什么还要为创建自己的插件而烦恼呢？你可以简单地使用像wordcount插件那样的东西。