如何使用 JavaScript/jQuery 在 CkEditor5 中动态创建 html 片段？

Question

我正在将当前使用 Redactor 和 jQuery 的自定义应用程序转换为 CkEditor，v5。 它通常可以工作，但我们有一个功能可以生成一些 HTML，然后将其插入到编辑器中。 对于旧编辑器，这工作正常，但对于 CkEditor，我想我需要将 HTML 插入新的 HTML 片段中。 我可以将 html 包装在一个带有 class=raw-html-embed 的 div 中，这是片段插件正常生成的，但 CkEditor 不将其识别为新片段，它只是作为文本插入。

是否有 API 调用或其他允许触发创建新 HTML 片段的过程？

Answer 1

我最终查看了剪贴板源代码并能够弄清楚。 只需要将字符串转换为视图元素，然后转换为 model 片段，然后插入。 如果这不是最好的方法，文档中的一个简单示例会有所帮助。 请发表评论。

ckeditor.model.change(writer => {
    const clipboard = ckeditor.plugins.get('Clipboard');
    const view = clipboard._htmlDataProcessor.toView(newText);
    const modelFragment = ckeditor.data.toModel(view, '$clipboardHolder');
    if (modelFragment.childCount === 0) {
        return;
    }
    ckeditor.model.insertContent(modelFragment);
});