Easy-to-use and highly-customizable HTML WYSIWYG editor. Build on open-source TinyMCE 6 rich text editor, that is currently considered the best in the market for rich text editing. The plugin includes comprehensive documentation and very responsive support. Ideal for creating apps for writing articles, note taking, CMS or website builders.
π
Demo Preview |
Demo Editor View 
π
DocumentationπββοΈ
ForumTop featuresβ
Image upload to Bubble S3 File manager
β
Supports auto-binding
β
Highly customisable - many
fields,
actions,
events and
statesβ
Works in 2 modes: classic mode and "distraction-free" inline mode - see demo
β
Tables editing works perfectly
β
Fast loading and light-weight
β
HTML format native -
display editor-created content in your app without need to load the editor (unlike other plugins)
β
Easy migration from Bubble's default RTE -
Import BBCode action converts your existing data automatically
β
Can handle multiple editors on the page
β
Well documented - Don't hesitate to reach out if you need assistance!
β
Regularly improving - Contact us if you have a feature request!
β
No API key required
More plugin features: fitting height to a content | auto-focus on load | dark mode/light mode appearance | 66 languages | read-only mode | maximum text length control (beta feature) | fully compatible with Bubble's responsive engine | privacy control for images uploaded to Bubble S3 | customisable border styles including hover and focus conditionals
Our story - Why TinyMCE?The journey of this plugin begun when we were looking for a rich text editing tool for our project. We tried many text editor solutions and we found TinyMCE the best for us in the following aspects: performance, features and bugs. This is why we created this plugin. While the open-source version of TinyMCE is more than sufficient for most of your use-cases, there is also paid premium version of TinyMCE available with even more features. We plan to support the premium version in the future if there is a demand for it. Let us know if you are interested!
Plugin philosophyFor ease of use, the plugin was designed to be easy and
straightforward to configure for most use cases (even the advanced use cases), to help you to build first version of your app as quick as possible. If you have more
niche/specific needs, there are
advanced settings available in the plugin element. Some of these settings require a reading of official TinyMCE documentation. If there is something that you struggle to configure, please reach out.
Learn moreTo get maximum from the plugin, read our guides and demos.
Guides & Doc:β’
Quick Start - guide about how to set-up the plugin
β’
How to Load and Save the Editor Contentβ’
Migrating from Bubble's Default RTE - easy migration with no batch scripts
β’
Render TinyMCE Content Outside the Editorβ’
FAQsβ’
Fields reference - documentation for the element fields, actions, and events
β’
TinyMCE documentationDemos:β’
Main Demoβ’
Render TinyMCE Content Outside the Editor - Demoβ’
Auto-binding Demoβ’
Import BBCode DemoIf you still have any questions, don't hesitate to reach out to us using the contact button in a contributor profile.
We are happy for every feedback and curious about the problems you want to solve with the plugin. π€
Supported editing features- Insert toolbar, selection toolbar and context menu for distraction-free editing
- Advanced toolbar and status bar customisation
- Basic text formatting options, font family, font size, Undo/Redo
- Text alignment, foreground and background color, Indent/Outdent, Line height adjustment
- Bullet/numbered list formatting
- Quote/citations formatting
- Accordion element insertion
- Code sample insertion
- Link insertion and editing
- Image insertion and editing
- Embedding video/audio as YouTube
- Table insertion and management - this works perfectly in TinyMCE, try demo!
- Special character and Emoji insertion
- Pagebreak insertion
- Horizontal line insertion
- HTML source code editing
- Fullscreen mode
- Print and preview mode
- Invisible characters visualization
- Find and replace tool
- Directionality control
Risk-free trialYou can buy our plugin risk-free; if you unsubscribe, you'll only pay for the days you used is for, recalculated from the monthly price.
Discover what value this plugin will bring to your apps! π
Our other Bubble plugins:β’
ReactFlow: Node-based Graph/Diagramβ’
Perfect π Gantt / Timeline Chartβ’
Apple Sign In - Login with Apple ID