小编Cla*_*dia的帖子

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

我是 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);
}
Run Code Online (Sandbox Code Playgroud)

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

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

提前致谢!

vue.js tiptap

6
推荐指数
1
解决办法
703
查看次数

标签 统计

tiptap ×1

vue.js ×1