HTML WYSIWYG Editor with Easy Customization
This user-friendly and highly customizable HTML WYSIWYG editor is built on the robust TinyMCE platform. Whether you need a simple, lightweight text editor or a fully-featured one for your app, this plugin has you covered. The editor is sleek, intuitive, and highly customizable, running on the open-source TinyMCE 6, which is renowned for its advanced features and excellent support.
Key Features- ✔️ Supports auto-binding
- ✔️ Highly customizable with numerous fields, actions, and events
- ✔️ Adjusts height to fit content
- ✔️ Adjusts width to responsive
- ✔️ Fast loading and lightweight
- ✔️ Excellent table editing capabilities
- ✔️ Fully compatible with Bubble's responsive engine
- ✔️ Well-documented with support available
🔗
Demo available hereConfigurationThe plugin is designed to be easy to configure for most use cases, allowing you to quickly build the first version of your app. For more specific needs, advanced settings are available, which may require a good understanding of TinyMCE configuration options. If you encounter any difficulties, support is readily available.
Why TinyMCE?We chose TinyMCE after testing many text editor solutions due to its performance, features, and reliability. The open-source version of TinyMCE is sufficient for most use cases, but there is also a premium version available with additional features. We plan to support the premium version in the future if there is demand. Let us know if you're interested!
Supported Editing Features- Read-only mode
- Auto-focus on load
- Dark mode/light mode
- Image upload to Bubble S3 File manager
- Maximum text length control (beta)
- Insert toolbar, selection toolbar, and context menu for distraction-free editing
- Advanced toolbar and status bar customization
- 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/citation formatting
- Accordion element insertion
- Code sample insertion
- Link insertion and editing
- Image insertion and editing
- Embedding video/audio from YouTube
- Table insertion and management
- 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
For a demo please visit:
https://segongora-testing.bubbleapps.io/version-test/tinymceEditor:
https://bubble.io/page?id=segongora-testing&version=test&name=tinymce&tab=Design