# Rich text - Markdown to HTML format

**URL:** <https://community.weweb.io/t/rich-text-markdown-to-html-format/14830>\
**Category:** How do I?\
**Created:** [December 4, 2024, 5:06pm UTC](https://community.weweb.io/t/rich-text-markdown-to-html-format/14830 "2024-12-04T17:06:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)\
**Post date:** [December 4, 2024, 5:06pm UTC](https://community.weweb.io/t/rich-text-markdown-to-html-format/14830/1 "2024-12-04T17:06:06Z")

</div>

Hello,

I have some markdown format text within a rich text element. I would like to transform the format from markdown text into HTML (or any better alternative) to present the user with a beautiful format including icons etc.

How may I do that? Thank you

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/ada1756447433df53d46deddb210113daae5a6ad.png) (in black to hide personal data)

---

<div class="post-metadata">

**Author:** ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)\
**Post date:** [December 6, 2024, 2:04pm UTC](https://community.weweb.io/t/rich-text-markdown-to-html-format/14830/2 "2024-12-06T14:04:43Z")

</div>

Would someone know how to help?  
At the time it’s just a block of text in bullet points which I’d really like to enrich with colors, icons etc.

Thank you 🦙

---

<div class="post-metadata">

**Author:** ![Dominic](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dominic/32/5645_2.png) [@Dominic](https://community.weweb.io/u/Dominic)\
**Post date:** [December 6, 2024, 10:33pm UTC](https://community.weweb.io/t/rich-text-markdown-to-html-format/14830/3 "2024-12-06T22:33:33Z")

</div>

@MrUnfreeze you have two options:

1. Use rich text component in read-only mode and with menus disabled.
2. Set Rich Text output as HTML and bind its output with HTML component.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/09f3e2be2e06d0f5874059aae1837aab47364e14.png)

---

<div class="post-metadata">

**Author:** ![MrUnfreeze](https://avatars.discourse-cdn.com/v4/letter/m/e95f7d/32.png) [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)\
**Post date:** [December 8, 2024, 6:45pm UTC](https://community.weweb.io/t/rich-text-markdown-to-html-format/14830/4 "2024-12-08T18:45:25Z")

</div>

Hi Dominic,  
Thanks I just applied number 2. What I try to do now and honestly didn’t figure out how is to format it like this

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6dcdf8353d94b6b54b55fdd1be51b07dd481dca5.png)  
([https://html.onlineviewer.net/](https://html.onlineviewer.net/)) (I had ChatGPT write a code to get to this format, right below.

So I tried to copy the entire code into the javascript formula area but that didn’t work. Is such a thing even possible ?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/6e27085277b95c9395336378c1467aa9818cf195.png)