Integrate the Tiptap Editor

Tiptap is a headless wrapper around ProseMirror, a rich text WYSIWYG editor toolkit used by companies like The New York Times, The Guardian, and Atlassian for their content workflows.

Why use the Tiptap Editor?

Tiptap lets you create a fully customizable rich text editor using modular building blocks. It offers a range of open-source and Pro extensions, allowing you to configure every part of the editor with a few lines of code. The API lets you customize and extend editor functionality.

Framework-agnostic

Tiptap works across multiple frameworks, including React, Vue, Svelte, and more. Developers often use the vanilla JavaScript integration to adapt Tiptap to their preferred framework. Learn how to integrate Tiptap with your framework.

Getting started with a template

By default, Tiptap doesn’t include a user interface, giving you complete freedom over its design and behavior. No need for class overwrites or !important. However, if you’d like a quicker start, you can simply integrate our pre-built templates and UI components.

Templates

Get started fast with a prebuilt editor that includes commonly used features.

Components

Already using Tiptap? Drop in just the pieces you need.

Add extensions to your editor

Expand editor functionality with extensions that add capabilities or modify behavior. These include basic extensions that don't change the schema and complex nodes and marks that render rich content.

You can start with the StarterKit, which includes common extensions.

We provide a range of open-source and more sophisticated Pro extensions. For detailed instructions on using and creating extensions, visit our extensions and custom extensions guides.

Additionally, developers can use the Awesome Tiptap Repository to discuss and share community-created custom extensions.