Tiptap Editor 3.0 Beta is a significant upgrade to the Tiptap editor, focusing on enhanced developer experience and modern web development practices. It's built for developers who need a customizable, open-source rich text editor framework.
Key Features:
- Enhanced TypeScript Support: Improved typing for extension storage and strongly typed configuration options.
- Server-Side Compatibility: Enables content manipulation without DOM dependencies, facilitating server-side rendering.
- JSX Support: Allows JSX within the
renderHTMLmethod for intuitive content description. - Expanded StarterKit: Includes Underline, Link, and Trailing-Node extensions by default.
- Node/Mark Deletion Detection: New delete event listener for specific nodes or marks.
- PNPM Efficiency: Uses PNPM for internal package management, enhancing stability and speed.
- Markviews for React & Vue 3: Enables flexible rendering of marks with event handlers.
- y-tiptap Package: Extends
y-prosemirrorfor Tiptap-specific enhancements in collaborative environments. - Consolidated Packages: Groups related extensions into unified packages like TableKit.
- Static Renderer: Renders Tiptap documents into React components or HTML/Markdown via
@tiptap/static-renderer. - Floating UI: Replaces tippy.js for popover management.
- Trailing Node Extension: Automatically adds an empty node at the document's end.
Use Cases:
- Building rich text editors in React or Vue applications.
- Implementing collaborative editing features.
- Creating headless CMS solutions.
- Developing applications requiring server-side content manipulation.
- Enhancing existing ProseMirror-based editors.
