CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-tiptap--extension-link

Link extension for tiptap rich text editor providing automatic link detection, paste handling, click behavior, and XSS protection.

88

1.23x
Overview
Eval results
Files

rubric.jsonevals/scenario-4/

{
  "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-link

tile.json