CKEDITOR 5设置身体`id`

时间:2018-02-14 14:03:42

标签: ckeditor ckeditor5

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

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

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

我可能会立即在页面上激活多个编辑器。

2 个答案:

答案 0 :(得分:1)

在CKEditor 5中,可以使用API​​轻松检索根可编辑元素:

editor.ui.view.editable.element

请参阅:

enter image description here

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

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

Countable.live(area, callback);

答案 1 :(得分:0)

显然,使用退格键删除文本时,CKE5与CountableJS的效果不佳。实时wordcount不会像普通textarea那样更新。

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

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

这似乎适用于退格/删除以及文本输入和setData()