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

Vue.js 如何在VueJS中的tiptap编辑器的光标位置插入链接?,vue.js,tiptap,Vue.js,Tiptap,我不熟悉VueJS,更不熟悉我的团队正在使用的tiptap编辑器。我需要创建一个函数,在编辑器中的光标位置插入链接 我确实知道带有浮动菜单气泡的Link()函数。这已经起作用了。但是在web应用程序中,他们希望有一个弹出窗口,其中包含一个选项来填充显示文本和一个相应的链接,该链接应该插入到编辑器的光标位置 目前,我已经有了以下代码: insertLink(value) { let linkToAdd = '<a href="' + value.insertLinkUrl +

我不熟悉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);
}
insertLink(值){
让linkToAdd='';
让editorHtml=this.editor.getHTML();
editorHtml+=linkToAdd;
this.editor.setContent(editorHtml);
}
但是,现在它附加到内容的末尾,并创建一个新的段落标记,在其中存储新生成的HTML(?)

有人能帮我再指出一点正确的方向吗?那太好了

提前谢谢