Home

Awesome

tiptap-custom-link-vue-router

Example of custom tiptap v2 link that is using vue router.

I use it in LoreHub

Demo

alt text

It will generate this HTML code:

Usage in code

// add link
this.editor
  .chain()
  .focus()
  .extendMarkRange("link")
  .setDocumentLink({ href: documentId })
  .run();

// remove link
this.editor
  .chain()
  .focus()
  .unsetDocumentLink()
  .run();