Tiptap 3.0is coming...
A major upgrade, built with and for the open-source community.
Evaluating features for Tiptap Editor 3.X
We’re exploring potential features for future releases, beyond the Tiptap 3.0 beta and stable launch.
Content migrations
Content migrations allow you to rewrite your document JSON to align with your current schema, facilitating document updates during schema changes with fully customizable solutions tailored to your needs.
Markdown support
Enhance your editing capabilities by enabling the editor to both accept and output content in markdown, meeting the demands of modern applications and leveraging the strengths of LLMs in markdown generation.
Decorations API
The new Decorations API allows you to influence document presentation without altering its content, providing an intuitive way to add visual enhancements beyond complex ProseMirror internals.
What’s new in 3.0?
Enhanced TypeScript support
Introducing typing for extension storage, allowing you to define storage value types using namespaces. Node, Mark, and Extension config options are now strongly typed, preventing arbitrary keys on the options object.
Server-side compatibility
Welcome server-side execution capabilities, allowing you to manipulate content without DOM dependencies.
JSX support
Experience JSX support within Tiptap's renderHTML method, offering a modern and intuitive approach of describing the content of a Node as you might do in modern frameworks like React/Vue.
Expanded StarterKit
The StarterKit now includes more extensions by default, such as Underline, Link, and Trailing-Node, reflecting the evolving standards of a modern editing experience.
Node/mark deletion detection
Adding a new delete event listener to notify you when specific nodes or marks are removed.
Boost efficiency with PNPM
We introduce PNPM for internal package management, enhancing stability and speed, ensuring a smoother development experience.
Markviews for React & Vue 3
Markviews enable flexible rendering of marks and their content, allowing you to attach event handlers for more dynamic and interactive mark experiences.
y-tiptap package
y-tiptap extends y-prosemirror to offer Tiptap-specific enhancements and support for Tiptap-related features in collaborative environments.
Consolidated packages
V3 streamlines your development process by grouping related extensions into unified packages, like the new TableKit, reducing dependency clutter while maintaining compatibility with existing apps.
Content rendering with @tiptap/static-renderer
Rendering of Tiptap documents into React components or formats like HTML or even markdown, enhancing performance and flexibility without requiring a browser or DOM.
Popovers using Floating UI
Tiptap now uses Floating UI, replacing tippy.js, to eliminate rendering issues and offer a smoother, more flexible API for popover management, enhancing integration and customization.
Trailing node extension
The Trailing Node Extension is automatically adding an empty node at the document's end, making it easier to continue writing after elements like tables or images.
What comesnext?
New features and products built on Tiptap 3.0,
coming soon.
Comments
With Tiptap 3.0 we also release the comments feature as a stable version, where we fixed some issues for a collaborative UX in overlapping comments.
Conversion
Tiptap makes it simple to import and export different file types, like DOCX, Markdown, and more, while keeping their structure and formatting intact in your editor.
Components
For developers who need a quick start, we've created a well-designed and flexible React UI component library that we'll be releasing soon.
Templates
Based on the Tiptap UI components, we've assembled new editor templates for the most common use cases. Thanks to its modular architecture, it's highly customizable.