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-6/

{
  "context": "This criteria evaluates how well the engineer uses Tiptap's mark behavior control properties (exitable, keepOnSplit, inclusive) to implement a custom mark extension with proper cursor navigation and text continuation behaviors, as demonstrated in @tiptap/extension-link.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "Mark Definition",
      "description": "Uses Mark.create() from @tiptap/core to define a custom mark extension with proper name 'highlight'",
      "max_score": 15
    },
    {
      "name": "Exitable Property",
      "description": "Sets exitable: true in the mark definition to allow cursor escape from mark boundaries",
      "max_score": 25
    },
    {
      "name": "KeepOnSplit Property",
      "description": "Sets keepOnSplit: false in the mark definition to prevent mark propagation to new paragraphs",
      "max_score": 25
    },
    {
      "name": "Inclusive Property",
      "description": "Sets inclusive: false in the mark definition to prevent mark continuation when typing at boundaries",
      "max_score": 25
    },
    {
      "name": "Command Implementation",
      "description": "Implements addCommands() method to provide toggleHighlight command using toggleMark() from Tiptap",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-tiptap--extension-link

tile.json