# HTML Formatting

**URL:** <https://forum.bubble.io/t/html-formatting/316543>\
**Category:** Need help\
**Created:** [April 7, 2024, 7:52am UTC](https://forum.bubble.io/t/html-formatting/316543 "2024-04-07T07:52:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![aarseniy604](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@aarseniy604](https://forum.bubble.io/u/aarseniy604)\
**Post date:** [April 7, 2024, 7:52am UTC](https://forum.bubble.io/t/html-formatting/316543/1 "2024-04-07T07:52:15Z")

</div>

Hey guys, I’m having trouble with HTML code, could you please advise me on what I’m doing wrong?

First, I format the text using a rich text editor plugin, then I try to transfer BBCode into HTML code using other plugins. After transferring BBCode to HTML, I test this code using external resources. Once I’ve ensured its correctness, I paste it into an HTML element within the Bubble editor (see screenshot 1), and everything works fine until I press the “preview” button, then this happens (see screenshot 2).

 ![Screenshot 2024-04-05 at 17.43.01](https://us1.discourse-cdn.com/bubble/original/3X/4/3/433e86762632237b8d1e386c5274f8f6c325e6ee.png)  
 ![Screenshot 2024-04-05 at 17.42.19](https://us1.discourse-cdn.com/bubble/original/3X/0/e/0e41d5102a88959b367a9fe22d791b387aaa1b95.png)

---

<div class="post-metadata">

**Author:** ![hergin](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/hergin/32/199185_2.png) [@hergin](https://forum.bubble.io/u/hergin)\
**Post date:** [April 8, 2024, 6:23am UTC](https://forum.bubble.io/t/html-formatting/316543/2 "2024-04-08T06:23:27Z")

</div>

The first paste to HTML element is actually not formatted even though it looks like it. HTML element is plain text (again even if after a paste it looks like formatted). You can probably check this if you refresh the editor, then, check the html element value.

All above is as far as I experienced. So, technically the text you pasted into html element should have proper html tags etc to be viewed correctly.

How does yours look like? Not in the editor, but in the property box of the html element.

---

<div class="post-metadata">

**Author:** ![aarseniy604](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@aarseniy604](https://forum.bubble.io/u/aarseniy604)\
**Post date:** [April 8, 2024, 9:39am UTC](https://forum.bubble.io/t/html-formatting/316543/3 "2024-04-08T09:39:29Z")

</div>

This is how it looks before pasting into html element:

```auto
<h3>The Charm of Small-Town Living: Embracing a Slower Pace</h3>
<h4>April 5, 2024</h4>
<p>In the hustle and bustle of modern life, many of us find ourselves dreaming of a quieter, simpler existence. The allure of small-town living, with its close-knit communities and slower pace, has become increasingly appealing in recent years. Today, let's delve into the heartwarming charm of small-town life and explore why more people are trading city skyscrapers for country sunsets.</p>
<h5>The Heartbeat of the Community</h5>
<p>In small towns, the sense of community is palpable. Neighbors aren't just familiar faces; they're friends, confidantes, and sometimes feel like extended family. Community events, from local farmers' markets to town fairs, are not just social gatherings but integral parts of the social fabric that binds everyone together. There's a unique sense of belonging and togetherness that often eludes larger cities.</p>

```

---

<div class="post-metadata">

**Author:** ![hergin](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/hergin/32/199185_2.png) [@hergin](https://forum.bubble.io/u/hergin)\
**Post date:** [April 8, 2024, 10:13am UTC](https://forum.bubble.io/t/html-formatting/316543/4 "2024-04-08T10:13:05Z")

</div>

How it looks inside the html element as the text version, after a reload of the editor.

---

<div class="post-metadata">

**Author:** ![aarseniy604](https://avatars.discourse-cdn.com/v4/letter/a/e99b99/32.png) [@aarseniy604](https://forum.bubble.io/u/aarseniy604)\
**Post date:** [April 8, 2024, 10:20am UTC](https://forum.bubble.io/t/html-formatting/316543/5 "2024-04-08T10:20:41Z")

</div>

Without changes, as I mentioned earlier, after inserting HTML code into an HTML element within editor, it is transformed into formatted text, but after previewing, this text remains unformatted unfortunately

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [June 16, 2024, 7:52am UTC](https://forum.bubble.io/t/html-formatting/316543/6 "2024-06-16T07:52:58Z")

</div>

Closed on June 16, 2024, 7:52am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
