> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/ueberdosis/tiptap/llms.txt
> Use this file to discover all available pages before exploring further.
# Extensions Overview
> Comprehensive guide to all 50+ Tiptap extensions for building rich-text editors
Tiptap provides a modular extension system that allows you to customize your editor with exactly the features you need. Extensions are organized into three main categories: Nodes (block-level content), Marks (inline formatting), and Functionality (editor behaviors and features).
## Nodes
Nodes are block-level elements that form the structure of your document. They define the content model and how different types of content can be nested.
The root node that contains all other nodes. Required for every editor instance.
Basic text blocks. The most common node type for regular content.
Represents plain text content. Required for inline content rendering.
Create hierarchical headings from H1 to H6 for document structure.
Quote blocks for highlighting cited or important text passages.
Monospaced code blocks for displaying code snippets.
Unordered lists with bullet points for item collections.
Numbered lists for sequential or ranked items.
Individual items in bullet or ordered lists.
Visual separators to divide content sections.
Embed images with support for URLs, uploads, and attributes.
Create and edit tables with rows, columns, and cells.
## Marks
Marks are inline formatting options that can be applied to text within nodes. They can overlap and be combined to create rich text formatting.
Make text bold with **strong emphasis** styling.
Apply italic styling for emphasis or styling purposes.
Strike through text to indicate deletion or completion.
Underline text for emphasis or to indicate links.
Format inline code snippets with monospace font.
Create hyperlinks to external or internal resources.
Highlight text with customizable background colors.
Foundation for custom inline text styling and formatting.
## Functionality
Functionality extensions enhance the editor with behaviors, UI components, and special features that don't directly affect the document structure.
Context menu that appears when text is selected.
Menu that appears on empty lines for quick actions.
Visual handle for dragging and reordering content blocks.
Real-time collaborative editing powered by Yjs.
Undo and redo functionality for editor changes.
Show placeholder text when the editor is empty.
## Getting Started
To use any extension, first install it via npm:
```bash theme={null}
npm install @tiptap/extension-[name]
```
Then import and add it to your editor configuration:
```javascript theme={null}
import { Editor } from '@tiptap/core'
import Bold from '@tiptap/extension-bold'
import Paragraph from '@tiptap/extension-paragraph'
const editor = new Editor({
extensions: [
Bold,
Paragraph,
// Add more extensions...
],
})
```
## Extension Categories
### Essential Extensions
Some extensions are required for a functional editor:
* **Document**: Root node container (required)
* **Text**: Text content representation (required)
* **Paragraph**: Basic text blocks (recommended)
### Popular Combinations
Common extension bundles for different use cases:
**Basic Rich Text**
* Bold, Italic, Strike, Code, Link
* Paragraph, Heading, Bullet List, Ordered List
**Advanced Editing**
* All basic extensions, plus:
* Table, Image, Code Block Lowlight
* Bubble Menu, Floating Menu, Drag Handle
**Collaborative**
* Basic rich text extensions, plus:
* Collaboration, Collaboration Caret
* History (for local undo/redo)
## Next Steps
Learn how to build your own custom extensions
Explore the Extension API reference
Understand the difference between nodes and marks
Learn about editor commands and how to use them