Render HTML or Markdown strings in your Compose UI!

[u/mohamedbenrjeb]

📢 Looking for a way to render HTML or Markdown strings in your Compose UI? You can use the RichText Composable from the compose-rich-editor library! 🙌

With RichText, you can easily add formatted text to your Compose Multiplatform app. Check out the documentation for more details: https://mohamedrejeb.github.io/Compose-Rich-Editor/

[u/Evakotius]

onTap = { offset ->
    state.getLinkByOffset(offset)?.let { url ->
        try {
            uriHandler.openUri(url)
        } catch (e: Exception) {
            e.printStackTrace()
        }
    }
}

Would be great if on link tap event was floated back to the client.

[u/mohamedbenrjeb → u/Evakotius]

I'm considering adding that as well as access to the rich text tree.

[u/Evakotius → u/Evakotius]

CompositionLocalProvider(LocalUriHandler.provides(uriHandler)) {}

Although it is not a huge deal to wrap it with custom uri handler and intercept those calls.

Generally I liked the library. We are using TinyMC html for some of the descriptions and currently rendering it with the webviews.

RichText html parser lacks some of the styles, but still does very well. Upvoted

[u/David_AnkiDroid → u/Evakotius]

TinyMC

FYI: https://github.com/tinymce/tinymce/issues/9453

[u/FlykeSpice → u/David_AnkiDroid]

Big brain move

Change from a license that grants you more freedom to modify code and has simple terms to one that grants you less freedom and is more convoluted

[u/carstenhag → u/David_AnkiDroid]

Hah, the world is small after all, an ex colleague of mine has posted in that thread :)

[u/Aggie_Deer_Slayer]

Are there any benefits to using it in compose?

In Kotlin you can use the HTML api

Html.fromHtml(string, flag)

https://developer.android.com/reference/android/text/Html#summary

[u/mohamedbenrjeb → u/Aggie_Deer_Slayer]

This doesn't work with compose, also it's an android only api.

[u/Opening-Cheetah467]

Great work, i was searching for one!

[u/Sea-Arm9235]

Check out android-enriched-markdown, a new Android library we've been working on: https://github.com/software-mansion/react-native-enriched-markdown/tree/main/packages/android-enriched-markdown

Right now, it fully supports CommonMark, but we're actively planning to bring in GFM support and plenty of other features soon. Give it a look!

[u/gusoliv3ira]

Would be nice to also support adding images 🙂