How to create an HTML preview using Bubble?

[roland1]

I would like to build a little application that has the below functionality:

1. user can paste email HTML into a text area
2. there should be a preview pane that can display the given code in a desktop, mobile, tablet view
3. and I should be able to define how the preview should behave (invert colors, etc)

I tried using the HTML element in Bubble, but that didn’t help. Is there a way somehow to build this using the available toolset?

[lindsay_knowcode]

As a suggestion - try putting the html content into an iframe. ie take the value of the text area and put that inside an iframe (use an html element to create the iframe)

[gerbertdelangen]

Awesome, that actually works.

Combine this with drag and drop and you can actually build your no code platform on Bubble

Update: And it is probably already there (or at least in some shape or form):

Drag & Drop HTML Email Builder Plugin

Hey Guys! Over my last couple years on bubble building CRM’s, white label software, and business management softwares I’ve lacked one major feature…the ability for users to easily customize emails without needing to build them out inside sendgrid templates. I’m excited to release a new plugin built that allows you to use a simple drag and drop email builder! Using this plugin you can: Allow your users to export/save the HMTL/JSON of a built email template Later load the template to send/edi…

[chris.williamson1996]

It does include full preview, import/export, dynamic tags, and a ton more