Drop an image in Rich text

Ask us anything How do I?
,
1

Hi to the community and weweb team!

Is there a way to drag and drop an image from my PCs local folder to a rich text input component?
I want it to act like Notion where you can drop an image and it would show in between text.

I understand that Notion is treating all of the elements as blocks and and it is not exactly in between the text, and in the rich text component in weweb the image is treated as a link that can be dragged around in the rich text box and displayed between text.

What I was thinking was,

  1. the rich text box will detect if I am hovering above it with an image(and all of its data)
  2. once dropped in the text box it would convert the image data to a base64 string
  3. string sent to Xano backend and returned as a link
  4. link would be treated as an image in the rich text box

would I need a custom component to do this?
I would also need a variant of this function that would give me a link(hyperlink with filename) of files that are not images, clickable in the rich text box. but I’ll try to develope one by one.

Thanks in advance!!