Vue中Tiptap Link扩展设置linkOnPaste: false后粘贴仍转链接

问题根源在于StarterKit默认集成了Link扩展，它的默认配置中linkOnPaste为true——即便你单独引入并配置了Link扩展，StarterKit自带的Link仍会生效，导致粘贴时自动转链接。

解决步骤 #

修改RichtextEditor.vue中mounted方法里的extensions数组，给StarterKit添加配置禁用自带的Link扩展，确保只有你自定义配置的Link生效：

extensions: [
  // 禁用StarterKit自带的Link扩展
  StarterKit.configure({
    disable: ['Link']
  }),
  Underline,
  Link.configure({
      openOnClick: true,
      autolink: false,
      linkOnPaste: false,
      validate: href => /^https?:\/\//.test(href),
    }),
  Placeholder.configure({
      placeholder: 'Compose your Personal Message...',
    }),
  TextAlign.configure({
      types: ['heading', 'paragraph'],
    }),
],

原理说明 #

StarterKit包含了一系列常用扩展（包括Link），如果不明确禁用它自带的Link，会和你手动引入的Link扩展产生冲突，编辑器会优先使用StarterKit的默认配置。禁用自带Link后，编辑器只会加载你自定义配置的Link扩展，此时linkOnPaste: false的配置才会正常生效。

内容的提问来源于stack exchange，提问作者Muhammad Ali