add link button

.eslintrc.js

@@ -35,6 +35,7 @@ module.exports = {
         'airbnb-base',
       ],
       rules: {
+        'no-alert': 'off',
         semi: ['error', 'never'],
         'import/extensions': 'off',
         'import/no-extraneous-dependencies': 'off',

docs/src/demos/Extensions/Link/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div v-if="editor">
+    <button @click="addLink">
+      link
+    </button>
     <editor-content :editor="editor" />
   </div>
 </template>
@@ -39,6 +42,14 @@ export default {
     })
   },
 
+  methods: {
+    addLink() {
+      const url = window.prompt('Link:')
+
+      this.editor.link(url)
+    },
+  },
+
   beforeDestroy() {
     this.editor.destroy()
   },

packages/core/src/commands/removeMark.ts

@@ -7,7 +7,7 @@ type RemoveMarkCommand = (typeOrName: string | MarkType) => Command
 
 declare module '../Editor' {
   interface Commands {
-    toggleMark: RemoveMarkCommand,
+    removeMark: RemoveMarkCommand,
   }
 }
 

packages/extension-link/index.ts

@@ -8,7 +8,7 @@ export interface LinkOptions {
   target: string,
 }
 
-export type LinkCommand = () => Command
+export type LinkCommand = (url?: string) => Command
 
 declare module '@tiptap/core/src/Editor' {
   interface Commands {
@@ -50,8 +50,14 @@ export default new Mark<LinkOptions>()
     }, 0],
   }))
   .commands(({ name }) => ({
-    link: () => ({ commands }) => {
+    link: url => ({ commands }) => {
-      return commands.toggleMark(name)
+      if (!url) {
+        return commands.removeMark(name)
+      }
+
+      return commands.updateMark(name, {
+        href: url,
+      })
     },
   }))
   .pasteRules(({ type }) => [