MARKETPLACE
PLUGINS
TINYMCE - RICH TEXT EDITOR
TinyMCE - Rich Text Editor logo

TinyMCE - Rich Text Editor

Published July 2021
   •    Updated this week

Plugin details

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 here

Configuration
The 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/tinymce

Editor: https://bubble.io/page?id=segongora-testing&version=test&name=tinymce&tab=Design

Free

For everyone

3.3 stars   •   9 ratings
2.3K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Datamatic Software logo
Datamatic Software
Joined 2022   •   36 Plugins
View contributor profile

Instructions

This are step-by-step instructions on how to get the plugin working on any Bubble App
1. Add this plugin to your application

2. Go to https://www.tiny.cloud/auth/signup/ and create your user. Don't forget to add an approved domain to the list. Copy your API Key and paste it in the Plugin Tab -> TinyMCE Rich Text Editor -> API KEY (Headers)

3. In the Design Tab, look under Input Form for the the element TinyMCE and add it to your Bubble Editor

4. Set any configuration you want (e.g Initial content: This is a test)

5. Run your App and that's it!

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Containers   •   Blog   •   Ecommerce   •   Productivity   •   Input Forms

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.3)

Initial data is not working, not showing
March 5th, 2024
I you fix this in this month, then please inform me on my email: [email protected]
Does not work
June 16th, 2023
The value can't be saved. Demo links to check, if my settings are wrong, does not work.
Fantastic!
February 14th, 2023
Great plugin
I got problem with this plugin only in my current project
June 16th, 2022
The plugin TinyMCE - Rich Text Editor / element TinyMCE threw the following error: TypeError: tinymce.init is not a function at eval (PLUGIN_1625946593703x544364958117527550/TinyMCE---Rich-Text-Editor-update--TinyMCE-.js:3:78) at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/1911299092862f817be9d1574e81b4b64ffdd057780658f924f61da2ee360712/xfalse/x15/run_debug.js:6:2331177 (please report this to the plugin author) https://toyotakiengiang.com.vn/version-test/admin-collection-article?debug_mode=true
Almost perfect! A little more.
April 1st, 2022
This Plugin is very well done! Excellent! However, I have three problems. First, if I put more than one on the same page, one of them won't work! Perhaps the IDs are covered by each other. Second, if there is a full screen in the group, the display is buggy, probably due to layers. Lastly, I'd like to see more edit buttons, or the ability to customize them! It would be great to be able to add more preview buttons, etc., or reduce or customize the ones we don't want. Sorry it took so long, but I'm rooting for you! Thank you!
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Immerse
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales