Hi Everyone,
I have built out a comprehensive Image Editor Plugin because I wasn’t happy with the UI/UX of the existing ones on the market. We purchased a JS library for this and wrapped it in a bubble plugin with some tweaks to get the desired result!
Feel free to watch the demo video or read through our docs:
Links:
Looks great! Am I able to customise the UI part within the grey box? Or just the buttons that call the functions? Thanks
Thanks! To reduce complexity, I didn’t include modifications to that part. It would make it a lot more complex to set it up if we were to introduce that functionality.
Ok thanks and completely understand. Maybe just an option for different colour schemes, it might be a personal thing but the grey is giving me windows 95 vibes! Would be nice to have the option for a plain white/black scheme.
Also, is it possible to edit which fonts are included? thanks
Regarding the color, you can already change this within the plugin!
With regards to the font’s, I can look into that as-well. If we can make that possible, uploading custom font’s would overwrite the standard font’s within the plugin
Just added the functionality to edit the fonts! This includes removing the stock font’s if you like.
The way you do it is simply provide a list of the font names, and a list of the corresponding font urls (These lists should be the same size)
amazing - thank you. I’m going to give it a go and see how I get on.
Hi Adam,
Running into a small glitch with the plugin. After adding a new image to the plugin, if the first action I perform is to rotate left/right, the image disappears from the preview screen. If I open a tool like Crop before trying to rotate, things work fine. Could you suggest how to overcome this ? Sharing some screenshots from the demo instance for reference.
After uploading image:
After clicking rotate:
Hey mate,
Yep this is a bug, let me investigate this one for you.
Thanks,
When will this be resolved? I primarily need this plugin to rotate images.
We are looking at it this week and trying to locate the bug. Should be resolved in the coming days
I have a gallery of images and launching your editor in a popup. The 1st instantiation of the ImageEditor works sometimes (see double https: bug above).
However, when a user closes the Popup and chooses another image, ImageEditor does not display the image (for 2nd instantiation of the Popup) even when using the Reset Action.
I’ve even tried the Close action followed by the Reset action to no avail.
How would you go about showing the ImageEditor on subsequent images?
Hi @dan34
So this is actually done on purpose because when using bubble’s dynamic editor, when referring to the “url” of a file stored in Bubble’s DB, it gives you the local url rather than the global (so without the “https:”),
you can use regex or bubbles dynamic editor to find and replace the https:// with nothing in this scenario and this will fix your problem
