CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-tiptap--extension-typography

Typography extension for Tiptap that automatically converts common text input patterns into proper typographic characters.

73

0.85x
Overview
Eval results
Files

Evaluation results

100%

10%

Text Formatting Editor

Built-in text formatting (bold, italic, strike, code, underline)

Criteria
Without context
With context

Editor Initialization

80%

100%

Bold Toggle Implementation

100%

100%

Italic Toggle Implementation

100%

100%

Strike Toggle Implementation

100%

100%

Code Toggle Implementation

100%

100%

Underline Toggle Implementation

50%

100%

Text Selection

100%

100%

Active Format Checking

100%

100%

HTML Export

100%

100%

100%

3%

Document Content Manager

Write and replace document content

Criteria
Without context
With context

Editor initialization

80%

100%

Load content method

100%

100%

Replace content method

100%

100%

Clear document method

100%

100%

Export to JSON

100%

100%

Export to HTML

100%

100%

Resource cleanup

100%

100%

0%

-100%

Collaborative User Presence Tracker

Awareness protocol for user presence

Criteria
Without context
With context

Y.js document initialization

100%

0%

Collaboration extension setup

100%

0%

CollaborationCursor extension configuration

100%

0%

Awareness state management

100%

0%

Awareness change handling

100%

0%

User list synchronization

100%

0%

82%

57%

Interactive Highlight Extension

Custom MarkView rendering

Criteria
Without context
With context

Mark extension creation

30%

100%

Color attribute definition

0%

100%

HTML parsing rules

0%

100%

HTML rendering rules

0%

100%

Custom mark view renderer

20%

33%

React component implementation

50%

33%

Mark attribute access

25%

100%

Interactive color update

33%

100%

setHighlight command

40%

100%

unsetHighlight command

50%

100%

0%

-100%

Rich Text Editor Setup

Starter kit with essential extensions

Criteria
Without context
With context

StarterKit usage

100%

0%

Editor instantiation

100%

0%

Content initialization

100%

0%

Element mounting

100%

0%

Bold command

100%

0%

Heading command

100%

0%

List command

100%

0%

Undo functionality

100%

0%

85%

Rich Text Link Manager

Link creation and management

Criteria
Without context
With context

Link Extension Integration

0%

0%

setLink Command Usage

100%

100%

unsetLink Command Usage

100%

100%

extendMarkRange Command

100%

100%

isActive Link Detection

100%

100%

getAttributes Method

100%

100%

updateAttributes Command

100%

100%

96%

18%

Document Formatter

Typography auto-replacements (smart quotes, symbols)

Criteria
Without context
With context

Typography Extension Import

80%

100%

Editor Initialization

100%

100%

Basic Extension Usage

100%

100%

Extension Configuration

100%

100%

Selective Rules

100%

100%

Content Insertion

0%

60%

Content Retrieval

0%

100%

100%

Text Selection Manager

Text selection management

Criteria
Without context
With context

setTextSelection usage

100%

100%

cursor positioning

100%

100%

selectAll implementation

100%

100%

focus implementation

100%

100%

blur implementation

100%

100%

70%

-1%

File Upload Handler for Rich Text Editor

File drop and paste handling

Criteria
Without context
With context

FileHandler Extension Import

100%

100%

FileHandler Configuration

66%

33%

Drop Event Handler

60%

50%

Paste Event Handler

60%

50%

MIME Type Filtering

100%

100%

File Upload Integration

100%

100%

Image Insertion

20%

100%

100%

Content Format Converter

Content transformation utilities

Criteria
Without context
With context

Editor initialization

100%

100%

setContent() usage

100%

100%

getHTML() usage

100%

100%

getJSON() usage

100%

100%

getText() usage

100%

100%

isEmpty property

100%

100%

clearContent() command

100%

100%

Install with Tessl CLI

npx tessl i tessl/npm-tiptap--extension-typography
Evaluated
Agent
Claude Code

Table of Contents