Share feedback, ideas and get community help

Updated 3 months ago

Display results with HTML

Hi everyone,

I have HTML output and it doesn't look pretty. Is there any way they can look better? Very grateful for all the help and guidance.

Thanks!
Attachment
Screenshot_2024-01-01_at_17.24.39.png
1
B
L
L
32 comments
Typebot can only parse markdown, not html! I suggest you make sure the content is parsed to markdown on your end
I receive information from a 3rd party API. I am not proactive about the issue. If there is a separate support block for HTML in the future, it would be great.
I found a solution, but I don´t know if it is completely ok considering the height of the block.
You can try to create a var like and put it into a embed block:
const html = <html>
<body>

<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body>
</html> const blob = new Blob([html], {type: "text/html"}); const url = window.URL.createObjectURL(blob); return url
Here is working
Attachment
image.png
it doesn't work with me, something must be wrong. Please share detail. Thanks!
An easier way would be to convert the HTML into Markdown so that typebot can interpret this correctly
So you could pass the HTML string to an API that would convert it to Markdown not sure if that exists
Sounds very appealing. Do you have documentation? Please give me
This is my project
Could you create a basic flow as I said and test it? If not work send me the flow in private. Then I could check it.
You need to set execute on client in the variable set block
this is exactly what i want
Please take a look at my flow, thanks!
I tried to reproduce it but it still doesn't look right. Please help me. Really appreciates!
Attachment
LL-2024-01-08-12.59.50.png
You are using single quotes. Change to backticks (`) instead of single or double quotes:
const html = <html> <body> {{your_var}} </body> </html>
It worked but it didn't display the content like I wanted it to. Please help me take a look. Thank you very much for your time.
Attachments
Screenshot_2024-01-09_at_01.40.48.png
Screenshot_2024-01-09_at_01.41.06.png
I really don't recommend this... You should use the embed bubble to display your own HTML site / content.
Do you have any solutions for me? I just want to display the Whois information in a nice way.
What is your 'whois' var content?
I don´t understand vietnamese language. I`ts too hard to test. Make a sample in english with the url site to test already setted in a var.
My friend, my content is in English. Please take a look. Or can you share your flow URL?
Attachment
LL-2024-01-10-13.50.41.png
Do you have any tutorial for me? Thank you very much
@Lam Lai
Example typebot: where html is being converted to markdown, using an external library, in the browser itself (no need for calling external APIs).
Note:
  • i've added a 1 sec. delay in the beginning as the library seemed to take some time to load, and the conversion function will become available for use only after that
  • this will not work in the Preview mode, as the external library (included via the Head Code) will get executed in the production mode only
I suggest you use another API than http://www.whois.net.vn, @Lam Lai. Returning HTML is really a not conventional thing 😅
You can use as @Baptiste suggested another API. This api has a free plan and returns JSON data: https://whoisjsonapi.com/page/documentation
Thank you very much for your professional opinions. I would consider another API provider.
Add a reply
Sign up and join the conversation on Discord