Bubble's Rich Text to HTML | 99% Bug free!

Showcase Plugins
1

Convert text in Bubble’s Rich Text Editor to HTML

I was scouring for available plugins to convert Bubble’s RTE to HTML. Every plugin I tested was trying to convert the value to HTML. Buggy or does not handle edge cases. I even tried building my own and also misses.

Then I noticed in the browser inspector that the element itself already prints in HTML (duh, I know right). So all I needed is to grab the HTML from the div. That’s what this plugin does, grab the HTML content from the Quill element.

Plugin: TCH - RichText2HTML Plugin | Bubble

Demo: Sandbox | TCH - RichText2HTML

I created this because I needed to email Bubble’s RTE content to my users. Hence the need for HTML.

Notes

  • This is meant for client side workflows since it grabs from a rendered HTML element.
  • Since Bubble might change element class names, you can override the class that contains the HTML content using " Quill CSS Class" field. The current default work
  • Technically this plugin can grab any HTML elements nested within a matching ID and CSS Class for those who want to get fancy.
  • [Added Feature] Set Blank field
    Bubble’s RTE does not actually start with a blank “HTML” so you can use the Set Blank field to ensure that the plugin produces a null value.
  • My usual disclaimer: I update my plugins as and when I need to but I will try to attend to errors brought to my attention.

Performance Considerations

Since this plugin will update its value every tick (xx milliseconds) you can set a condition for “Auto Update” to only run when the Rich Text Element is visible. This is useful if you have multiple of the plugin’s elements in one page.

5 Likes
2

There are many RTE plugins that allow easy export of html from RTE. I have built one as well. Plugin link:

You can play around the demo & see it for yourself

3

Good job on this!

And it’s free?

How could anyone go wrong?

1 Like