# Tiptap

## Docs

- [Commands](https://mintlify.wiki/ueberdosis/tiptap/api/commands.md): Commands are the way to manipulate the editor content in Tiptap. They provide a fluent API for content manipulation.
- [Editor](https://mintlify.wiki/ueberdosis/tiptap/api/editor.md): The Editor class is the core of Tiptap. It manages the editor state, view, and provides the API for content manipulation.
- [Extension](https://mintlify.wiki/ueberdosis/tiptap/api/extension.md): The Extension class is the base class for creating custom extensions in Tiptap.
- [Mark](https://mintlify.wiki/ueberdosis/tiptap/api/mark.md): The Mark class is used to create custom mark types in Tiptap.
- [Node](https://mintlify.wiki/ueberdosis/tiptap/api/node.md): The Node class is used to create custom node types in Tiptap.
- [BubbleMenu](https://mintlify.wiki/ueberdosis/tiptap/api/react/bubble-menu.md): Contextual menu component that appears near the user selection
- [EditorContent](https://mintlify.wiki/ueberdosis/tiptap/api/react/editor-content.md): React component for rendering the Tiptap editor content
- [FloatingMenu](https://mintlify.wiki/ueberdosis/tiptap/api/react/floating-menu.md): Menu component that appears on empty lines in the editor
- [useEditor](https://mintlify.wiki/ueberdosis/tiptap/api/react/use-editor.md): React hook for creating and managing a Tiptap editor instance
- [BubbleMenu](https://mintlify.wiki/ueberdosis/tiptap/api/vue/bubble-menu.md): Vue component that displays a contextual menu near selected text.
- [EditorContent](https://mintlify.wiki/ueberdosis/tiptap/api/vue/editor-content.md): Vue component that renders the Tiptap editor's editable content area.
- [FloatingMenu](https://mintlify.wiki/ueberdosis/tiptap/api/vue/floating-menu.md): Vue component that displays a menu on empty lines in the editor.
- [useEditor](https://mintlify.wiki/ueberdosis/tiptap/api/vue/use-editor.md): The Vue composable for creating and managing a Tiptap editor instance.
- [Commands](https://mintlify.wiki/ueberdosis/tiptap/core-concepts/commands.md): Commands are the primary way to manipulate content in Tiptap. Learn how to use commands, create chains, and build your own commands.
- [Editor](https://mintlify.wiki/ueberdosis/tiptap/core-concepts/editor.md): The Editor class is the heart of Tiptap. Learn how to create, configure, and control your editor instance.
- [Extensions](https://mintlify.wiki/ueberdosis/tiptap/core-concepts/extensions.md): Extensions are the building blocks of Tiptap. Learn how to use and create extensions to add functionality to your editor.
- [Nodes & Marks](https://mintlify.wiki/ueberdosis/tiptap/core-concepts/nodes-and-marks.md): Learn the difference between nodes and marks, and how they form the structure of your Tiptap document.
- [Schema](https://mintlify.wiki/ueberdosis/tiptap/core-concepts/schema.md): Learn how Tiptap generates a ProseMirror schema from extensions and how it defines your document structure.
- [BubbleMenu](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/bubble-menu.md): Display a context menu that appears when text is selected, positioned using Floating UI
- [Collaboration](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/collaboration.md): Enable real-time collaborative editing using Yjs and Y.js providers
- [DragHandle](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/drag-handle.md): Add drag handles to blocks for intuitive drag-and-drop reordering
- [FloatingMenu](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/floating-menu.md): Display a menu that appears in empty lines, perfect for slash commands and block insertion
- [History (UndoRedo)](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/history.md): Add undo and redo functionality to track and revert changes
- [Placeholder](https://mintlify.wiki/ueberdosis/tiptap/extensions/functionality/placeholder.md): Display placeholder text in empty editor nodes to guide users
- [Bold](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/bold.md): Mark text as bold to emphasize important content.
- [Code](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/code.md): Mark text as inline code.
- [Highlight](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/highlight.md): Highlight text with background colors.
- [Italic](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/italic.md): Mark text as italic for emphasis.
- [Link](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/link.md): Create clickable links in your editor.
- [Strike](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/strike.md): Mark text with strikethrough formatting.
- [TextStyle](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/text-style.md): Add inline styling to text with the TextStyle mark.
- [Underline](https://mintlify.wiki/ueberdosis/tiptap/extensions/marks/underline.md): Mark text with underline formatting.
- [Blockquote](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/blockquote.md): Create blockquote nodes for quoted text or content.
- [BulletList](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/bullet-list.md): Create unordered bullet lists with nested support.
- [CodeBlock](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/code-block.md): Create code blocks with syntax highlighting support and language detection.
- [Document](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/document.md): The default top-level document node that represents the root of the editor content.
- [Heading](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/heading.md): Create headings of different levels (h1 through h6) in your editor.
- [HorizontalRule](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/horizontal-rule.md): Insert horizontal rules to create visual separators in your content.
- [Image](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/image.md): Insert and manage images with support for resizing and base64 encoding.
- [ListItem](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/list-item.md): The container node for list items in bullet and ordered lists.
- [OrderedList](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/ordered-list.md): Create ordered numbered lists with nested support.
- [Paragraph](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/paragraph.md): Create paragraph nodes for standard text blocks in your editor.
- [Table](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/table.md): Create and manage tables with support for cell merging, resizing, and header rows.
- [Text](https://mintlify.wiki/ueberdosis/tiptap/extensions/nodes/text.md): The basic text node for inline content in your editor.
- [Extensions Overview](https://mintlify.wiki/ueberdosis/tiptap/extensions/overview.md): Comprehensive guide to all 50+ Tiptap extensions for building rich-text editors
- [React](https://mintlify.wiki/ueberdosis/tiptap/frameworks/react.md): Learn how to integrate Tiptap with React using hooks and components
- [Vanilla JavaScript](https://mintlify.wiki/ueberdosis/tiptap/frameworks/vanilla-js.md): Learn how to use Tiptap with vanilla JavaScript without any framework
- [Vue 2](https://mintlify.wiki/ueberdosis/tiptap/frameworks/vue-2.md): Learn how to integrate Tiptap with Vue 2
- [Vue 3](https://mintlify.wiki/ueberdosis/tiptap/frameworks/vue-3.md): Learn how to integrate Tiptap with Vue 3 using the Composition API
- [Collaborative Editing](https://mintlify.wiki/ueberdosis/tiptap/guides/collaborative-editing.md): Enable real-time collaboration in your Tiptap editor using Yjs
- [Custom Extensions](https://mintlify.wiki/ueberdosis/tiptap/guides/custom-extensions.md): Learn how to create custom extensions to add new functionality to Tiptap
- [Custom Marks](https://mintlify.wiki/ueberdosis/tiptap/guides/custom-marks.md): Learn how to create custom marks to add inline formatting to Tiptap
- [Custom Nodes](https://mintlify.wiki/ueberdosis/tiptap/guides/custom-nodes.md): Learn how to create custom nodes to add block-level content to Tiptap
- [Styling the Editor](https://mintlify.wiki/ueberdosis/tiptap/guides/styling.md): Learn how to customize the appearance of your Tiptap editor
- [TypeScript Support](https://mintlify.wiki/ueberdosis/tiptap/guides/typescript.md): Learn how to use Tiptap with TypeScript for type-safe editor development
- [Installation](https://mintlify.wiki/ueberdosis/tiptap/installation.md): Install Tiptap in your project with npm, yarn, or pnpm
- [Introduction to Tiptap](https://mintlify.wiki/ueberdosis/tiptap/introduction.md): A headless, framework-agnostic rich text editor that's customizable and extendable
- [Quickstart](https://mintlify.wiki/ueberdosis/tiptap/quickstart.md): Create your first Tiptap editor in minutes