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