Link extension for tiptap rich text editor providing automatic link detection, paste handling, click behavior, and XSS protection.
88
{
"context": "This evaluation assesses the engineer's ability to use the @tiptap/extension-link package's click handling and navigation features. The focus is on proper configuration of openOnClick behavior, implementing click-to-select functionality, and managing link target attributes.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Link Extension Initialization",
"description": "Correctly imports and configures the Link extension from @tiptap/extension-link in the editor setup",
"max_score": 15
},
{
"name": "openOnClick Configuration",
"description": "Properly configures the openOnClick option to enable/disable link opening behavior when clicking links in the editor",
"max_score": 25
},
{
"name": "Click Handler Implementation",
"description": "Implements click handling functionality using the extension's handleClick plugin prop or similar mechanism to detect and respond to link clicks",
"max_score": 20
},
{
"name": "Target Attribute Support",
"description": "Correctly sets and respects the target attribute on links (e.g., target='_blank') so that clicked links open according to their target configuration",
"max_score": 20
},
{
"name": "Click-to-Select Functionality",
"description": "Implements alternative click behavior that selects the link text when clicked, likely using editor commands or selection manipulation features provided by the extension",
"max_score": 15
},
{
"name": "Behavioral Toggling",
"description": "Provides a mechanism to switch between different click behaviors (open vs select) by properly reconfiguring the extension options",
"max_score": 5
}
]
}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