ckeditor5 以编程方式添加链接

Question

我想用按钮添加一个链接到编辑器中。这在过去有效，但现在不再有效，即使我使用的是固定版本的 ckeditor，因此 npm 不会更新它。

我使用的是v5.16

let content = '<a href="#" id="1234" class="lnkGoto">a link</a>&nbsp;';
const htmlDP = editor.data.processor;
const viewFragment = htmlDP.toView(content);
const modelFragment = editor.data.toModel( viewFragment );
editor.model.insertContent(modelFragment);

问题是它删除了 id 和 class 属性，我明白了

<a href="#">a link</a>&nbsp;

Answer 1

我通过将 id 放入 href 属性来解决这个问题，然后在保存文档之前，我使用正则表达式来构建包含所有所需属性的正确链接。

window.editor.getData().replace(/<a href="([^"]+)"/g, '<a href="#" data-id="$1" class="lnkGoto"')