Is there way in kotlin javascript compose to embed...

# multiplatform

[Eugen Martynov]

Is there way in kotlin javascript compose to embed browser to show html?

[Eugen Martynov]

Text is probably not enough

[Jacob Ras]

Do you mean Compose Web, rendering DOM elements? You can create an element and then set its innerHTML

[Eugen Martynov]

Aha, thank you, and then I can show/hide it from the kotlin

[Jacob Ras]

My whole snippet looks like this:

@OptIn(ComposeWebInternalApi::class)
@Composable
fun HtmlText(rawHtml: String) {
    val element = document.createElement("div")
    element.innerHTML = rawHtml

    ComposeNode<DomNodeWrapper, DomApplier>(
        factory = { DomNodeWrapper(element) },
        update = {
            set(rawHtml) { value -> (node as Element).innerHTML = value }
        },
    )
}

but it's dated 6 months old so I can't remember (👴) why innerHTML is being set twice.

[Eugen Martynov]

Thanks!

[Eugen Martynov]

Doing a hackathon these days - just launched page on the button click but will try this solution for the nicer follow up.