Preview HTML in Retool

💬 App Building
1

  1. My goal: Have a preview of HTML code inside Text component.

  2. Issue: Did not know how to do it.

  3. Steps I've taken to troubleshoot: Use util.OpenUrls, window.open but it does not works.

2

Hi,
you have a dedicated component called "HTML" to display your html code. There was also an old "text" component that had an option to render as html but it is deprecated.

1 Like
3

Hello @yeftanma, it's been a while. Welcome back to the Community!
Thanks for chiming in, @_Hubert_Golebiowski, and welcome to the Community! :wave:

If your goal is to preview (render) HTML code inside your app, the best option is to use the HTML component instead of the Text component. The HTML component is specifically designed to render raw HTML, while the Text component is intended for plain text or Markdown and only supports a limited set of HTML tags for security reasons.

If your goal is to display the HTML code as plain text (not rendered), you can use the Text component with Markdown code blocks (triple backticks). This will only show the code itself, not a live preview.

Let me know if that’s helpful! :sunglasses:

2 Likes
4

A post was split to a new topic: CSS is not loaded in HTML component