Find out what's new in Tiptap V3

Functionality extensions

Extensions do not always render content, but can also provide additional functionality to the editor. This includes tools for collaboration, text editing, and more.

Functionality

Integrate an AI Assistant that can read and edit your document based on a user-defined task.

Compares documents before and after AI made adjustments, and displays the diff as a set of changes.

Integrate AI-driven text and content generation directly into the editor.

Enhance your editor with AI-powered proofreading suggestions.

Background Color

Add text background color support to your editor (comes with unlimited colors).

Add a toolbar that pops up above the text. Great to apply inline formatting.

Character Count

Limit the number of characters in your editor, or at least count them.

Collaborative text editing can be fricking complex, but it doesn’t have to be that way.

Collaboration Caret

See other user’s carets and names while they type.

Add text color support to your editor (comes with unlimited colors).

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

Compare Snapshots

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

Have you ever wanted to drag nodes around your editor? Well, we did too.

Drag Handle React

Have you ever wanted to drag nodes around your react-based editor? Well, we did too.

Drag Handle Vue

Have you ever wanted to drag nodes around your vue-based editor? Well, we did too.

Adds a cursor when something is dragged inside the editor.

Export Tiptap content to docx, odt, or markdown.

Have you ever wanted to drag and drop or paste files into your editor? Well, we did too.

Make a toolbar appear automagically on empty lines.

Keep track of where the cursor is, and let the user know you know it.

Doesn’t have support for Comic Sans, but for all other fonts.

Set the font size in the editor.

The gapcursor prevents the cursor from getting stuck… in a gap.

Import documents from docx, odt, or markdown to Tiptap.

Invisible Characters

Allow your users to see invisible characters like spaces, hard breaks, and paragraphs.

Add text line-height support to your editor (comes with unlimited colors).

Lists’ behavior can be tricky, so we made this small extension to make them easier to work with.

All necessary list extensions in one. It doesn’t get much better than this.

Configure a helpful placeholder to fill the emptiness.

Preserve the selection when the editor is blurred.

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

All the popular extensions in a one. It doesn’t get much better than this.

Table of contents

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

All necessary table extensions in one. It doesn’t get much better than this.

Left, right, center, whatever! Align the text however you like.

All common text styles in one. It doesn’t get much better than this.

The trailing node extension adds a node after the last block node in the editor.

The typography expert for your editor, fixing everything that’s wrong.

Undo and redo changes in your Tiptap Editor with ease, allowing you to revert or reapply edits in your editor.

Add a unique ID to every single node and keep track of them.