ckeditor5 以编程方式添加链接

问题描述 投票:0回答:1

我想用按钮添加一个链接到编辑器中。这在过去有效,但现在不再有效,即使我使用的是固定版本的 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;

hyperlink ckeditor5
1个回答
0
投票

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

window.editor.getData().replace(/<a href="([^"]+)"/g, '<a href="#" data-id="$1" class="lnkGoto"')
© www.soinside.com 2019 - 2024. All rights reserved.