Headless rich text editor built on ProseMirror with extensible architecture for building custom editors
94
{
"context": "This criteria evaluates how well the engineer uses the @tiptap/core command system to implement a text formatting toolbar. The focus is on proper usage of command execution methods, command chaining, and state checking APIs provided by the editor instance.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Command execution",
"description": "Uses editor.commands or editor.chain() to execute commands for toggling bold and italic formatting. Should use toggleMark('bold') or similar command methods provided by @tiptap/core.",
"max_score": 30
},
{
"name": "State checking",
"description": "Uses editor.isActive() method to check if bold or italic marks are currently active in the selection. This is the proper API for determining active formatting states.",
"max_score": 25
},
{
"name": "Clear formatting",
"description": "Uses editor commands to clear formatting, such as unsetAllMarks() or clearContent() followed by insertContent(), demonstrating understanding of mark manipulation commands.",
"max_score": 20
},
{
"name": "Editor instance usage",
"description": "Properly stores and uses the Editor instance passed to createToolbar, accessing its commands and state APIs correctly throughout the implementation.",
"max_score": 15
},
{
"name": "Command chaining",
"description": "Demonstrates understanding of command chaining by using editor.chain() when appropriate, or shows awareness of when to use direct commands vs. chained commands with .run().",
"max_score": 10
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-tiptap--coredocs
evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10