Formatting textcontent in textfield

t.vogt · 2025-03-27T07:53:02.333Z

Hello everyone,
I received a text result from OpenAI. This text contains headings, which OpenAI displays in bold. The resulting text is displayed via a text field (input field) in Bubble. Unfortunately, the text field doesn’t recognize OpenAI’s formatting and displays the text as plain text. Example:

Heading

Does anyone know a solution for changing the text field behavior so that properly formatted text is displayed in the frontend? I can’t find anything in the text field settings. May I need to use HTML or something?

Kind regards
Thomas

rico.trevisan · 2025-03-27T08:10:58.933Z

Is it returning as markdown? If yes, you could use a plugin to parse that and output HTML. Here is a plugin I maintain: 🤌 Markdown Pro Plugin | Bubble

Otherwise, if you want to have more control and use native Bubble elements (and you enjoy the dark art of regex), you could do a create a bunch of patterns to parse the text.

Here is a video series I never finished: https://youtu.be/if9hvkxWQmk?si=zTDHUlzNrNPCYCJM
Here is a template that does exactly that: Markdown converter blog Template | Bubble

t.vogt · 2025-03-27T09:11:57.846Z

Hi, thank you very much for this great tip.

I’ll probably have to wait, though, as I’m still in the 14-day trial period, which means I can’t install the plugin. After that, though, I’ll definitely try it out.