Link extension for tiptap rich text editor providing automatic link detection, paste handling, click behavior, and XSS protection.
88
{
"context": "This criteria evaluates how well the engineer uses the @tiptap/extension-link package's command API (setLink, toggleLink, unsetLink) to implement link manipulation functionality. The focus is on proper usage of these specific commands with correct parameters and integration with the editor's chain API.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Uses setLink command",
"description": "The addLink function correctly uses editor.chain().focus().setLink() with an href parameter to apply links to selected text",
"max_score": 25
},
{
"name": "Uses unsetLink command",
"description": "The removeLink function correctly uses editor.chain().focus().unsetLink() to remove link formatting while preserving text content",
"max_score": 20
},
{
"name": "Uses toggleLink command",
"description": "The toggleLinkFormat function correctly uses editor.chain().focus().toggleLink() to toggle link state on and off",
"max_score": 20
},
{
"name": "Passes link attributes",
"description": "The setLink command is called with appropriate attributes object including href, and optionally target and rel properties (e.g., { href: url, target: '_blank', rel: 'noopener noreferrer' })",
"max_score": 20
},
{
"name": "Uses editor chain",
"description": "All link commands are properly chained using editor.chain().focus() pattern and terminated with .run() to execute the commands",
"max_score": 15
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-tiptap--extension-linkdocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10