tiptap 的 Link 扩展的 validate 没起作用
首先,请确保已经正确引入了 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:// 开头。
如果验证方法仍然不起作用,可能是由于其他配置或代码引起的问题。你可以检查浏览器的控制台输出,查看是否有任何错误消息。另外,你还可以尝试使用调试工具来跟踪代码执行过程,以确定问题所在
原文地址: http://www.cveoy.top/t/topic/hXHt 著作权归作者所有。请勿转载和采集!