# How to make BBCode output to correct HTML?

**URL:** <https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109>\
**Category:** Questions\
**Created:** [February 10, 2025, 11:22am UTC](https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109 "2025-02-10T11:22:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![matthewpomar](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/matthewpomar/32/239702_2.png) [@matthewpomar](https://forum.bubble.io/u/matthewpomar)\
**Post date:** [February 10, 2025, 11:22am UTC](https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109/1 "2025-02-10T11:22:44Z")

</div>

Hi there,

I have the Bubble Rich Text Editor, which saves BBCode to a text field:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/d/9/d9e570222e8f60850878235561b72ae363129632.png)

But when I render the text field on the page, it creates this ugly `span` based HTML for the header, instead of `<h2>`:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/a/7/a77d5fde84eaba70bb028f5131f67dadf3f3ce8e.png)

How can I instruct Bubble to show the proper HTML elements on the output?

Thank you.

---

<div class="post-metadata">

**Author:** ![rafael.tgt](https://avatars.discourse-cdn.com/v4/letter/r/858c86/32.png) [@rafael.tgt](https://forum.bubble.io/u/rafael.tgt)\
**Post date:** [February 10, 2025, 2:41pm UTC](https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109/2 "2025-02-10T14:41:23Z")

</div>

If you feel comfortable with javascript, you can create a conversion function that translates your bb code into HTML code

---

<div class="post-metadata">

**Author:** ![matthewpomar](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/matthewpomar/32/239702_2.png) [@matthewpomar](https://forum.bubble.io/u/matthewpomar)\
**Post date:** [February 10, 2025, 7:09pm UTC](https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109/3 "2025-02-10T19:09:09Z")

</div>

Thanks, but I’m confused. Bubble has no way out of the box to display proper HTML mark-up from the Bubble Rich Text Editor?

---

<div class="post-metadata">

**Author:** ![thetomas](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thetomas/32/251840_2.png) [@thetomas](https://forum.bubble.io/u/thetomas)\
**Post date:** [November 29, 2025, 8:56pm UTC](https://forum.bubble.io/t/how-to-make-bbcode-output-to-correct-html/359109/4 "2025-11-29T20:56:00Z")

</div>

You can use this [JavaScript snippet](https://bubble-rich-text.pages.dev/doc/bbcode-to-html-snippet.js) for the BBCode to HTML conversion or this [BBCode→HTML converter](https://editor-demo.bubbleapps.io/version-test/rte_demo_import_bbcode) for manual conversion. 🙂

(btw. I was recently implementing that for our HTML-based [TinyMCE Rich Text Editor plugin](https://bubble.io/plugin/enhanced-rich-text-editor-1712078889382x829713922884370400))