CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-tiptap--extension-typography

tessl install tessl/npm-tiptap--extension-typography@3.4.0

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

Agent Success

Agent success rate when using this tile

73%

Improvement

Agent success rate improvement when using this tile compared to baseline

0.86x

Baseline

Agent success rate without this tile

85%

task.mdevals/scenario-2/

Content Format Converter

A utility that converts rich text content between different formats (JSON, HTML, and plain text) using a Tiptap editor instance.

Capabilities

Format Conversion

Converts content between different serialization formats while preserving semantic structure.

  • Converts JSON content to HTML format @test
  • Converts HTML content to JSON format @test
  • Extracts plain text from JSON content @test

Content Manipulation

Provides utilities to check and transform content structure.

  • Returns true when checking if empty content is empty @test
  • Returns false when checking if non-empty content is empty @test
  • Clears all content from the document @test

Implementation

@generates

API

/**
 * ContentConverter provides methods to convert content between different formats
 * and manipulate document content using a Tiptap editor.
 */
export class ContentConverter {
  /**
   * Converts JSON content to HTML format
   * @param jsonContent - The JSON content to convert
   * @returns HTML string representation
   */
  convertToHTML(jsonContent: any): string;

  /**
   * Converts HTML content to JSON format
   * @param htmlContent - The HTML string to convert
   * @returns JSON representation of the content
   */
  convertToJSON(htmlContent: string): any;

  /**
   * Extracts plain text from JSON content
   * @param jsonContent - The JSON content to extract text from
   * @returns Plain text string
   */
  extractText(jsonContent: any): string;

  /**
   * Checks if the current content is empty
   * @returns true if content is empty, false otherwise
   */
  isEmpty(): boolean;

  /**
   * Clears all content from the document
   */
  clearContent(): void;
}

Dependencies { .dependencies }

@tiptap/core { .dependency }

Provides the core Tiptap editor functionality for content manipulation and serialization.

@satisfied-by

@tiptap/starter-kit { .dependency }

Provides essential Tiptap extensions for basic rich text editing features.

@satisfied-by

Version

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/@tiptap/extension-typography@3.4.x
tile.json