Display results with HTML

LLam Lai

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

32 comments

BBaptiste

Typebot can only parse markdown, not html! I suggest you make sure the content is parsed to markdown on your end

LLam Lai

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.

LLuizAlves

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>

This text is bold
This text is italic
This is subscript and superscript

</body>
</html>



const blob = new Blob([html], {type: "text/html"});
const url = window.URL.createObjectURL(blob);
return url

LLuizAlves

Here is working

Attachment

LLam Lai

it doesn't work with me, something must be wrong. Please share detail. Thanks!

BBaptiste

An easier way would be to convert the HTML into Markdown so that typebot can interpret this correctly

BBaptiste

So you could pass the HTML string to an API that would convert it to Markdown not sure if that exists

LLam Lai

Sounds very appealing. Do you have documentation? Please give me

LLam Lai

https://whois.taigahost.com/

LLam Lai

This is my project

LLuizAlves

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.

LLuizAlves

Sample from your flow working:
https://typebot.co/my-typebot-dptdaov

LLuizAlves

You need to set execute on client in the variable set block

LLam Lai

this is exactly what i want

LLam Lai

https://app.typebot.io/typebots/clr3d0p8o000akw0gv8i88vag/edit

LLam Lai

Please take a look at my flow, thanks!

LLam Lai

I tried to reproduce it but it still doesn't look right. Please help me. Really appreciates!

Attachment

LLuizAlves

You are using single quotes. Change to backticks (`) instead of single or double quotes:
const html =

<html>
<body>
{{your_var}}
</body>
</html>

LLam Lai

https://typebot.co/whois-test-8i88vag

LLam Lai

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

BBaptiste

I really don't recommend this... You should use the embed bubble to display your own HTML site / content.

LLam Lai

Do you have any solutions for me? I just want to display the Whois information in a nice way.

LLuizAlves

What is your 'whois' var content?

LLam Lai

You can look through this link: https://app.typebot.io/typebots/clr3d0p8o000akw0gv8i88vag/edit

LLuizAlves

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.

LLam Lai

My friend, my content is in English. Please take a look. Or can you share your flow URL?

Attachment

LLam Lai

Do you have any tutorial for me? Thank you very much

SShrey

@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).

SShrey

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

BBaptiste

I suggest you use another API than http://www.whois.net.vn, @Lam Lai. Returning HTML is really a not conventional thing 😅

LLuizAlves

You can use as @Baptiste suggested another API. This api has a free plan and returns JSON data: https://whoisjsonapi.com/page/documentation

LLam Lai

Thank you very much for your professional opinions. I would consider another API provider.

Add a reply

Share feedback, ideas and get community help

Display results with HTML