vue.js - 如何在VueJS中tiptap编辑器的光标位置插入链接？

Question

我是 VueJS 的新手，对我的团队正在使用的 tiptap 编辑器更是陌生。我需要创建一个在编辑器中的光标位置插入链接的函数。

我确实知道带有浮动菜单气泡的 Link() 函数。这已经奏效了。但在 Web 应用程序中，他们希望有一个弹出窗口，其中包含填写显示文本和相应链接的选项，该链接应插入到光标位置的编辑器中。

目前，我已经有了这个代码：

insertLink(value) {
  let linkToAdd = '<a href="' + value.insertLinkUrl + '" target="_blank">' + value.insertLinkText + '</a>';
  let editorHtml = this.editor.getHTML();
  editorHtml += linkToAdd;
  this.editor.setContent(editorHtml);
}

但是，现在它附加到内容的末尾，并且还创建了一个新的段落标记，其中存储了新生成的 HTML(?)。

任何人都可以帮我指出正确的方向吗？那肯定很不错。

提前致谢！

标签： vue.jstiptap