Features

Every Tiptap feature in one place, from Bold to Comments, AI, and conversion. Filter by plan, status, or industry, or search by name.

AI

Basic AI Generation

Integrate AI text and content generation directly into the editor.

Client AI Toolkit

Give AI agents tools that read and edit the document directly in the browser.

Paid add-onBeta

Server AI Toolkit

Flexible primitives and tools for AI agents to read, edit, and manipulate documents.

Paid add-onBeta

Review

Enable discussions in your collaborative documents—the way you want them.

Tracked Changes

Enable suggestion mode for collaborative editing and document review workflows.

Compare

Find and show the changes between two documents or two versions.

Compare snapshots

Compare snapshots of your documents to see changes made between two versions.

Conversion

Export editor content as a legacy Word document (DOC).

Export editor content as a Word document (DOCX).

Import Word documents (DOCX) into the editor.

Export editor content as an e-book (EPUB).

Markdown export

Export editor content as Markdown.

Export editor content as an OpenDocument text file (ODT).

Export editor content as a PDF.

Composable Docs

Content Protection

Control which parts of a Tiptap document users can edit or read.

Pilot programAlpha

Build editable document templates with embedded, validated Slot fields.

Pilot programAlpha

Display reactive values in your editor and synchronize editable slots.

Pilot programAlpha

Diagrams

Charts and flow diagrams in the document, drawn by a Renderer of your choice.

Pilot programAlpha

Pages

Transform your editor into a page-based document interface with margins and page breaks.

Whiteboard

Turn an editor into a whiteboard with sticky notes, shapes, arrows, drawings, and doc frames.

Pilot programAlpha

Starter kit

The most common extensions in one: text formatting, headings, lists, code, links, and undo and redo.

Text formatting

Make text bold.

Mark inline code, such as a function name, inside a sentence.

Highlight text with a background color.

Make text italic for emphasis.

Link text to a URL, with optional autolinking of typed URLs.

Add reading guides, including furigana, with HTML ruby annotations.

Strike through text.

Write text slightly below the normal line, as in H2O.

Write text slightly above the normal line, as in exponents or footnote markers.

Underline text.

Text styling

The text styling extensions in one: text style, color, background color, font family, font size, and line height.

Background color

Set the background color of text.

Set the color of text.

Set the font family of text.

Set the font size in the editor.

Add text line-height support to your editor.

Align text left, right, centered, or justified.

Adds the span element that color, font, and size extensions build on.

Text blocks

Set off a quote as its own block.

Add collapsible details nodes to your editor content.

Details content

Add content to your details nodes.

Details summary

Add a summary to your details nodes.

The top node of every document; required.

Break a line inside a paragraph without starting a new one.

Headings from level 1 to 6.

Horizontal rule

A horizontal line that separates sections.

The basic block for text; required in most editors.

The text content of a document; required.

Lists

The list extensions in one: bullet and ordered lists, list items, task lists, and list keymap.

Unordered lists with bullet points.

The item of a bullet or ordered list.

Keyboard behavior for lists, such as joining and lifting list items.

Numbered lists.

The item of a task list, with a checkbox.

Lists of tasks that users check off.

Tables

The table extensions in one: table, row, header, and cell.

Tables with resizable columns, merged cells, and header rows.

The cell of a table row.

A header cell of a table.

The row of a table.

Code and math

Blocks of code on several lines.

Code block lowlight

Code blocks with syntax highlighting, using lowlight.

Write and render math formulas with LaTeX.

Media and embeds

Embed audio files directly into your documents.

Insert images into the document.

Embed Twitch videos, clips, and channels.

Embed YouTube videos.

Mentions and emoji

Render emojis as inline nodes with fallback images for unsupported emojis.

Mention other users with a suggestion popup and full control over the rendering.

Menus and handles

A menu that appears next to the selected text, for example to format it.

A handle to drag blocks to another place in the document.

Drag handle React

The drag handle as a React component.

Drag handle Vue

The drag handle as a Vue component.

A menu that appears on empty lines, for example to insert blocks.

Cursor and selection

Shows where dragged content will be dropped.

Adds a class to the node that has the cursor.

Lets the cursor sit in places where no text can go, such as next to a table.

Preserve the selection when the editor is blurred.

Writing helpers

Character count

Count characters and words, and limit their number.

Find and replace

Search, highlight, navigate, and replace text in your editor.

Invisible characters

Show spaces, line breaks, and paragraph ends.

Show a placeholder text in empty documents or nodes.

Replace plain characters with typographic ones, such as curly quotes and dashes, as you type.

Undo and redo changes in the editor.

Document helpers

Table of contents

Add a table of contents listing all your anchors or headlines.

Adds a node after the last block node in the editor.

Give every node a unique ID.

Clipboard and files

Handle files that users drop or paste into the editor.

Automatically clean and normalize pasted content from external sources like Microsoft Excel, Word, and Google Docs.

Real-time collaboration

Edit a document together in real time.

Collaboration caret

Show the cursors and names of other people editing.

Documents

Document version history for manual and automatic versioning of your documents.

PreviouslyWhat's new in 3.0

Next upOverview