CKEDITOR 5 设置正文`id`

Question

有没有办法设置 CKEDITOR 5 ClassicEditor 主体的 id 属性？

在 cke4 中，有一个配置选项 BodyID 你可以在创建编辑器实例时设置，但我无法在文档或 SO 上找到 cke5 的类似内容。

我需要将 Countable.js 附加到编辑器以执行 wordcount 并将该信息提供给代码的其他部分（我无法控制）

我可能同时有多个编辑器在页面上处于活动状态。

Answer 1

在 CKEditor 5 中，可以使用 API:

轻松检索根可编辑元素

editor.ui.view.editable.element

参见：

您不需要设置任何 id – 只需获取元素并将其传递给 Countable.js:

const callback = counter => console.log(counter);
const area = editor.ui.view.editable.element;

Countable.live(area, callback);

Answer 2

显然，CKE5 在使用退格键删除文本时不能很好地与 CountableJS 配合使用。实时 wordcount 不会像在正常 textarea.

中那样得到更新

我使用了不同的解决方案：

editor.document.on('changesDone`, (evt,data) => {
  Countable.once(editorelement,callback())
});

这似乎适用于 backspace/delete 以及文本输入和 setData()。

CKEDITOR 5 set body `id`