TipTap Editor Patterns

Quick Guide: TipTap is a headless editor: it owns the schema, the state and the behaviour, and hands the UI entirely to you. Everything is an extension — Nodes define content that lives in the document, Marks define formatting applied to ranges of text, and Extensions add behaviour without touching the schema. Commands are chained and applied by .run(). JSON is the persistence format. Current: v3.x — Floating UI replaced Tippy.js, menus moved to a /menus sub-path, and StarterKit now includes Link and Underline.

Detailed Resources:

• examples/core.md — editor setup, toolbars, serialization and persistence, useEditorState, EditorContext
• examples/custom-extensions.md — custom nodes and marks, input and paste rules, keyboard shortcuts, node views, extending built-ins
• examples/menus.md — BubbleMenu, FloatingMenu, multiple menus, slash commands, fixed toolbars
• reference.md — StarterKit contents, schema and extension API tables, content expressions, v2 → v3 migration

Which path applies