MARKETPLACE
PLUGINS
TCH - RICHTEXT2HTML
TCH - RichText2HTML logo

TCH - RichText2HTML

Published August 2025
   •    Updated November 2025

Plugin details

Rich Text to HTML Extractor Plugin for Bubble A Bubble plugin that extracts HTML content from rich text editor elements and makes it available as states for use in your Bubble application.

Overview
This plugin allows you to extract the raw HTML content from Bubble's rich text editor. It updates the content in realtime.

Features
- Real-time HTML extraction
- Automatic updates with configurable update intervals
- Manual extraction through element actions
- Error handling with error reporting

Properties
Configure these properties in the Bubble plugin editor:

Required Properties
- Rich Text ID (Static Text) - The ID of the rich text element to extract content from

Optional Properties
- Quill CSS Class (Static Text) - CSS class name to target within the element (default: "ql-editor")
- Auto Update (Checkbox) - Whether to automatically update when content changes
- Update Interval (Static Number) - Update interval in milliseconds for auto-updates (default: 1000ms)

States
The plugin exposes the following states:

"result" (Text)
- Contains the extracted HTML content from the rich text editor
- Returns null if no content is found or an error occurs
- Updates automatically when autoUpdate is enabled

"content found?" (Boolean)
- true when content was successfully found and extracted
- false when the target element cannot be found or extraction fails
- Useful for conditional workflows and error handling

"error message" (Text)
- Contains error message if extraction fails
- Returns null when no errors occur
- Provides detailed information for debugging

Events
The plugin triggers these events for workflow integration:

"content extracted"
- Triggered when HTML content is successfully extracted
- Use this to trigger workflows when new content is available

"content not found"
- Triggered when the target element cannot be found
- Use this to handle cases where the rich text element doesn't exist

"extraction error"
- Triggered when an error occurs during extraction
- Use this for error handling and user notifications

Element Actions

"RichHTML Extract Content"
Purpose: Manually trigger content extraction
Use case: Extract content on-demand without waiting for auto-update intervals
Parameters: None (uses element properties)

"RichHTML Clear States"
Purpose: Clear the current extracted content and reset states
Use case: Reset the plugin state or stop auto-monitoring
Effect: Sets result to null, content found? to false, stops auto-updates

"RichHTML Refresh Selector"
Purpose: Refresh the target element selector and re-extract content
Use case: Re-initialize targeting after DOM changes
Effect: Clears cache, re-extracts content, restarts auto-update if enabled

Free

For everyone

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

The Coffee Hat logo
The Coffee Hat
Joined 2021   •   19 Plugins
View contributor profile

Instructions

Basic Setup 1. Add the plugin element to your page
2. Set the id property to match your rich text element's ID
3. Use the result state in text elements or workflows

Automatic Monitoring
set "Auto Update": true
set "Update Interval": 500  (Update every 500ms)

Manual Extraction Workflow
1. Create a button element
2. Add workflow: "When Button is clicked"
3. Add action: "Extract Content" (from this plugin element)
4. Use the contentExtracted event to trigger next steps

Error Handling Workflow
1. Use the isContentFound state in conditional statements
2. Display errorMessage state when extractionError event fires
3. Implement fallback logic for when content is not available

Types

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

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble