Support inline images

[tobiasBora]

Your use case

What would you like to do?

When I'm writing a message, it would be really helpful to be able to copy/paste images in the body of the message.

Why would you like to do it?

If I give any tutorial/proof of something, I often like to add screenshots to help my reader follow what I say. Right now, copy/pasting an image adds the image in attachment, but it is not helpful as the position of this figure in the text is lost.

How would you like to achieve it?

Copy/paste should include the image inline at the position of the cursor, exactly like what is done, e.g. in github or stackexchange:

A new attachment tab should be created to be able to do it without copy/paste, for instance to include an image from a file. Not sure how matrix handles this on the protocol side, but I guess there must be a solution, at least people reported the use of inline images in the past here element-hq/element-web#16935 and here people mention that we can use src with url pointing to mxc:// url: element-hq/element-android#351, so I guess that the protocol already supports it, now it is just a matter of fixing the UI.

Have you considered any alternatives?

Adding as attachment, but as I said it is not helpful when the position of the image in the text is important

Additional context

No response

[HarHarLinks]

rendering is supported, but user friendly editing ("sending") is not