Integrate the Tiptap Editor
Tiptap is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as New York Times, The Guardian or Atlassian.
Create exactly the rich text editor you want out of customizable building blocks. Tiptap comes with sensible defaults, a lot of extensions and a friendly API to customize every aspect. Tiptap offers both open-source extensions and Pro extensions available through a Tiptap account.
Framework agnostic
Tiptap is designed to be framework agnostic, allowing integration across various platforms like React, Vue, Svelte, and more. Developers typically reference the vanilla JavaScript integration to adapt Tiptap to different frameworks. Learn how to integrate with your framework.
Implement a template
Per default there is no provided user interface, you are absolutely free to build whatever interface you want. No need to overwrite any class, to use !important or other hacks, just write whatever you like in the setup you are used to. However, we do offer a Notion-inspired template to kick-start your project or as a point of reference.
Notion like editor
Make content creation easier for your users with a clean interface and block-based editing tools.
Add extensions to your editor
Tiptap enhances editor functionality with extensions that add new capabilities or modify behavior. These include basic extensions, which do not change the schema, and more complex nodes and marks that render content.
Beginners can start quickly with the starter-kit, which includes common extensions. Additionally, the Awesome Tiptap Repository allows users to share and discuss custom extensions.
Tiptap provides both open-source extensions and more sophisticated Pro extensions. For detailed instructions on using and creating extensions, visit our extensions and custom extensions guide.
Unlock full editor potential
Fasten your seatbelts! Integrate advanced text editor features like comments, document history and more by integrating the Tiptap Collaboration Server.
- Integrate collaboration, comments, document history, and more
- Real-time collaboration capabilities
- Managed and hosted by us or on your premises
Why use the Tiptap Editor?
Tiptap is developed on top of ProseMirror, which is a well-written, reliable and very powerful editor toolkit. Tiptap is headless so you can build what ever custom user experience you can imagine! With Tiptap you can start with a few lines of code and choose from tons of amazing extensions and still have that powerful ProseMirror API accessible when you really need it.