Elementa icon indicating copy to clipboard operation
Elementa copied to clipboard

Markdown: make images able to draw side by side with other images or text

Open DeDiamondPro opened this issue 1 year ago • 0 comments

This pull request is based on #111 to prevent any possible merge conflicts with it

This pull request makes it so images can render side by side other images or text. Code used for example:

        MarkdownComponent(
            "![](https://picsum.photos/225)![](https://picsum.photos/225)![](https://picsum.photos/225) Small images with text that wraps directly after it."
        ).constrain {
            x = CenterConstraint()
            y = 0.pixels()
            width = 800.pixels()
            height = 100.percent()
        } childOf window

Before: image After: image

While I couldn't find the spec detailing that this is the way to do it, I believe it is since GitHub (and every other markdown renderer I know of) does it. Example:

![](picsum.photos/200/100)![](picsum.photos/200/100)text

renders as: text

DeDiamondPro avatar May 02 '23 16:05 DeDiamondPro