want to be able to insert images into the middle of a note.

[Comoscaten]

Describe the solution you'd like

I want to be able to insert images into the middle of a note. Currently, when adding images or other attachments to a note, they are always appended to the bottom of the note. My current workaround is to create a separate note for the attachment or image, and then reference this note in the new one so that the image can be inserted in the middle. However, this process is a bit cumbersome. I hope native support for this feature can be added. Thank you very much!

Type of feature

User Experience (UX)

Additional context

No response

[itbeg]

I really appreciate the effort and contribution. I believe this would be a valuable addition. I’m looking forward to seeing this feature included in the next release.
Is there an estimated timeline for this feature to be merged and released?

[fernandoonrails]

I really appreciate the effort and contribution. I believe this would be a valuable addition. I’m looking forward to seeing this feature included in the next release. Is there an estimated timeline for this feature to be merged and released?

Seems like a nice feature indeed, will try implementing it.

[itbeg]

"Thank you for considering my input! I believe that a more visual approach could really enhance the feature. In my experience, when writing a journal, combining images with text helps to better convey ideas, especially when words alone aren't enough. For example, in my own journaling, I often need multiple images to explain a point, and I find that having all the images grouped together at the bottom of the page makes it hard to describe each one in context. It would be great if the feature allowed for images to be embedded within the text itself, where each image could be accompanied by a description. This would make it much more intuitive and easier to follow. I’d love to hear your thoughts on this, and I’m open to discussing how we could make this work in the best way possible!"

…

------------------ 原始邮件 ------------------ 发件人: "Fernando on ***@***.***>; 发送时间: 2025年1月22日(星期三) 凌晨1:57 收件人: ***@***.***>; 抄送: ***@***.***>; ***@***.***>; 主题: Re: [usememos/memos] want to be able to insert images into the middle of a note. (Issue #4300) what were your ideas of how the feature should be implemented? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[RoccoSmit]

Seems like a nice feature indeed, will try implementing it.

Just to note, this feature has been requested a couple of times e.g. #4194, #4130, https://github.com/orgs/usememos/discussions/3850. People have asked questions about workarounds they use to simulate the behavior you are after e.g. #4218, #4217

None of these issues have received indications that PRs are welcome so I would suggest finding out from @boojack and @johnnyjoygh first if this is a feature they are open to before you spend too much time building something.

I'd imaging there would be a fair bit of discussion around how the feature would work as well, e.g. can you have inline and attached images, is the feature managed via a setting, do you use the existing image syntax and if you do should inline resources be removed when you delete a memo the same way attachments do, how do you identify which images were resources saved on the server vs images from the web, etc.

[fernandoonrails]

@RoccoSmit I've tested, and for now, you can have a work arround by using the markdown image syntax ![<text to display if image not found>](<image path or url>), but it really isn't that good if you want to have a self contained solution where everything is contained into your own self hosted application, instead of just putting the link of someone's elses image URL, I was tinkering arround in the codebase to trying to find a solution for that problem (#4305 was actually me diverging while working in this issue lol)

I thought of some solutions:

SQL data store

I thought of storing said file as a BLOB in the database

Local File System (LFS)

just save the file using a timestamp based naming to prevent duplicate names

S3

I dunno if LFS solution could be the similar for S3

The big thing I'm having the biggest trouble rn to think tho, is how to reference the image on the file, I was looking into the tests and I saw some things like '.epub', I thought the files were saved as markdown, could you give me a light?