tiptap - Build SSR-safe rich text editors with Tiptap
Build React and Tailwind v4 rich text editors with SSR-safe setup, extensions, prose styling, image uploads, and collaborative editing.
Tags
Updated: 2026-10-08Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Configure SSR-safe editors
- Add editor extensions
- Style prose content
- Handle image uploads
- Configure collaborative editing
- Troubleshoot hydration errors
Inputs
- React project
- Editor content
- Image files
- Upload endpoint
- Collaboration settings
Outputs
- Editor implementation code
- Rendered rich text editor
- Styled editor content
- Uploaded image URLs
- Troubleshooting guidance
Requirements
- React 19 or later
- Tailwind CSS v4
- Tiptap packages
- @tiptap/pm peer dependency
- npm installation access