Show images on RichText without setting width and height

[Philio]

With a simple sample such as:

val richTextState = rememberRichTextState()
LaunchedEffect(html) {
    richTextState.setHtml(html)
}
RichText(
    state = richTextState,
    modifier = Modifier.fillMaxSize(),
    imageLoader = Coil3ImageLoader
)

The HTML is rendered, but images aren't loaded

[MohamedRejeb]

Hi,
Sorry for the late reply.
You need to setup coil on your project, check the sample:

https://github.com/MohamedRejeb/compose-rich-editor/blob/main/sample/common/src/commonMain/kotlin/com/mohamedrejeb/richeditor/sample/common/coil/ImageLoader.kt

compose-rich-editor/sample/common/src/commonMain/kotlin/com/mohamedrejeb/richeditor/sample/common/ui.theme/Theme.kt

Line 81 in a507cec

setSingletonImageLoaderFactory()

[Philio]

Hey, thanks for getting back to me

Coil has been working fine with the default image loader, but we've tried adding a custom one and the problem still persists

For example, the HTML returned from the API is:

<p>A random image of some sheep...</p><p></p><p><img src="https://storage.googleapis.com/boxes-public-content-preview/0191a2bb-8415-7247-a562-df821cc73133-small"></p>

Coil is loading it...

💾 Successful (DISK) - https://storage.googleapis.com/boxes-public-content-preview/0191a2bb-8415-7247-a562-df821cc73133-small

But it's not being rendered:

[MohamedRejeb]

Currently, only images with fixed width and height can be shown, something like this should work:

<p>A random image of some sheep...</p><p></p><p><img src="https://storage.googleapis.com/boxes-public-content-preview/0191a2bb-8415-7247-a562-df821cc73133-small" width="100", height="100"></p>

I will work on getting the image's width and height by default.

[Philio]

Thanks! Will see if we can manipulate the HTML content in the backend to populate width/height and give it another try

[MohamedRejeb]

It will be available in the next release soon.

[MohamedRejeb]

Try the new version v1.0.0-rc07, it should be working fine now.

[Philio]

Works like a charm, thanks for sorting it!