首先,请确保已经正确引入了 tiptap 和 Link 扩展的代码。然后,可以尝试在 Link 扩展的配置中使用 validate 方法来验证链接地址。

import { Editor } from 'tiptap';
import { Link } from 'tiptap-extensions';

const editor = new Editor({
  extensions: [
    new Link({
      validate: url => {
        // 自定义验证逻辑,返回 true 或 false
        // 例如,检查链接是否以 http:// 或 https:// 开头
        return /^https?:\/\//.test(url);
      },
    }),
  ],
});

在上面的代码中,我们在 Link 扩展的配置中添加了 validate 方法。这个方法需要接收一个链接地址作为参数,并返回一个布尔值,表示链接是否有效。在这个例子中,我们使用正则表达式来判断链接是否以 http:// 或 https:// 开头。

如果验证方法仍然不起作用,可能是由于其他配置或代码引起的问题。你可以检查浏览器的控制台输出,查看是否有任何错误消息。另外,你还可以尝试使用调试工具来跟踪代码执行过程,以确定问题所在

tiptap 的 Link 扩展的 validate 没起作用

原文地址: http://www.cveoy.top/t/topic/hXHt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录