How easy would it be to customise the image adding system?

[adambirds]

How easy would it be to customise the image adding system?

Basically I'm creating a CMS, and I'll be using the gravity editor for creating my blogs, but I want the user to be able to upload images to a gallery (wordpress style) which i will upload to my django backend. But then when the user clicks the add image button i want them to either be able to pick from my gallery or upload a new image to the gallery and then to the markdown.

So I'm just wondering where do I go about adding this extra functionality to the image button in the toolbar? I'll be using NextJS 14 if that matters but as a client component.

Any guidance would be appreciated.

[DmitryToloknov]

Hi, if I understood you correctly, this example will help you.

[makhnatkin]

Hi!
If I understood you correctly, you’re looking for something like this, right?

Currently, this functionality is not available, but the image upload widget can be extended to support it.

[adambirds]

Yes, something like that @makhnatkin

[adambirds]

Is this something you would open to having built into the editor (with my help of course), and maybe providing an API for the user to write their api queries for fetching from their image library in the same way as the fileUploadHandler. With obviously an option disable all together

[d3m1d0v]

Hi, @adambirds !

I'm implemented ability to show custom form in image widget: you can pass render-function to editor props, which will render a form to suit your needs. See #639

Example in playground
Here source code of example

If you need to keep the current form with tabs, you can simply copy its source code to your project and add 3rd tab with a gallery.

If this solution suits you, just approve #639, please

[adambirds]

@d3m1d0v Thanks, I will take a look it this evening!

[d3m1d0v]

@adambirds

Changes are available in version 15.1.0 and later.
Source code of example is available in main branch.
Example in playground