x-html is rendering a string of html

[Ravenna]

I have an API I am getting my x-data from. It all works great except for some HTML.

My HTML is coming from the API encoded. Example: <div class="content-intro"><p><strong>

I am also nested inside two <template x-for"">'s.

If I use x-text is shows the same as the encoding above: <div class="content-intro"><p><strong>

If I use x-html I get '

' printed on the page like in the screenshot

Basically its properly handle the HTML except its outputting it in a string.

How can I have it output as code so that the end user isn't seeing code?

[ekwoka]

You aren't providing it HTML. You're providing it a string to add as a text node.

You need to not have the <> and stuff encoded to be HTML safe. It makes it not HTML.

[Ravenna]

@ekwoka thanks for the speedy response.

I don't totally follow you but I am trying.

The API is returning:

So when I then set that value on the div with x-html. Should I be doing some other modification on that value before using it in x-html?

[ekwoka]

Well, that is an html safe string.

It's not html.

Seems like the API might be built wrong.

The simple way is to use the Dom parser API to parse the html safe string into an html string and then use that in x-html.

[Ravenna]

Got it. Thank you