Rich Text Editor with Real-Time Collaboration (Tiptap.dev)
The most powerful rich text editor available for Bubble — built on Tiptap v3.
Bubble’s native rich text editor is limited. No tables. No collaboration. No markdown shortcuts. No fine-grained control over styling. If you’ve ever tried to build a real content editing experience — a CMS, a documentation tool, a notes app, a collaborative workspace — you’ve hit the wall.
This plugin removes that wall. Build editing experiences on par with Notion, Google Docs, and Linear — inside Bubble.
See It in Action
→ Live demo: tiptap-demo.bubbleapps.io/version-test/collab
Open it in two browser tabs to test real-time collaboration.
What You Get
Full Rich Text Editing
Bold, italic, underline, strikethrough, subscript, superscript, highlight, text color, font family, font size — all controllable via actions and keyboard shortcuts.
Structure & Layout
- Headings H1–H6 with individual size, color, weight, and CSS overrides
- Blockquotes, horizontal rules, and code blocks (with tab indentation)
- Text alignment and indentation controls
- Details / Accordion blocks for collapsible content
Lists
Bullet lists, numbered lists, and task lists with checkboxes — all with markdown shortcut support.
Tables
Full table support: insert, delete, resize columns, merge/split cells, toggle header rows and columns. Configure minimum cell widths, resize handle size, and column resizing behavior.
Media
- Images — insert, resize, inline or block-level
- YouTube embeds — paste a URL, set default dimensions
- Links — auto-detection, custom protocols (
tel:,mailto:, etc.), visited/unvisited/hover styling
Mentions
@mention support with configurable trigger character. Use @ for users, # for tags — your call.
Drag & Drop
Notion-style drag handles. A grip icon appears on hover, letting users click and drag blocks to reorder content. Enable nested drag for list items and quoted paragraphs.
Invisible Characters
Power-user mode: show ¶ paragraph marks, · spaces, and hard breaks. Toggle on/off with one action.
Menus
- Top menu — persistent toolbar
- Bubble menu — appears on text selection
- Floating menu — appears on empty lines
All three are optional. Style them with your own Bubble elements.
Keyboard & Markdown Shortcuts
Type # for H1, > for blockquote, ``` for code block, - [ ] for task list. Full shortcut support for bold, italic, strikethrough, and more — documented in every extension toggle.
Real-Time Collaboration
Google Docs-style co-editing. Multiple users editing the same document simultaneously — with live cursors, colored name labels, and conflict-free merging.
Three provider options:
- Tiptap Cloud — managed, zero-infrastructure
- Custom Hocuspocus server — self-hosted, full control
- Liveblocks — third-party collaboration platform
Built-in features:
- JWT authentication with configurable token expiration
- Auto-retry with exponential backoff on auth failures
- Collab status states:
disconnected → connecting → connected → synced - Connected user count, sync status, and status change events
- Automatic editor rebuild when switching documents — no page reload needed
- Server-side action to convert Hocuspocus webhook payloads to HTML for database storage
Total CSS Control
Every element has a CSS override field — headings, paragraphs, blockquotes, lists, links, images, tables, code blocks, highlights, mentions, collaboration cursors, and more. Inject raw CSS to override any default style.
29 Extensions, Each With Its Own Toggle
No more guessing which extensions are active. Every extension has a dedicated on/off switch in the property panel with clear documentation. Enable exactly what you need:
Text Formatting · Highlight · Headings · Blockquote · Code Block · Lists · Task Lists · Tables · Images · YouTube · Links · Mentions · Details/Accordion · Drag Handle · Invisible Characters · Trailing Node · Focus · Selection · Hard Break · Unique ID · Preserve Attributes · Undo/Redo · and more.
Output Formats
Three exposed states, always up to date:
contentHTML— clean HTMLcontentText— plain textcontentJSON— ProseMirror JSON
Plus: selectedHTML, is_empty, can_undo, can_redo, selection states for every formatting type (is bold, is italic, is heading, is table, etc.).
Resources
| Live Demo | tiptap-demo.bubbleapps.io/version-test/collab |
| Full Changelog | github.com/RicoTrevisan/tiptap-plugin-for-bubble |
| Feature Requests & Bug Reports | GitHub Issues |
If this plugin is useful to you, star the repo on GitHub — it helps others find it and keeps development going.
Built on Tiptap v3
)
input is enabled option:
).