Inline Editing in image components in AEM

 

In image components or in file upload using inline editing you give the capability to crop , flip , zoom and rotate the images to the author.

Steps to implement inline editing:

1. Create a cq:inplaceEditing node of type cq:InplaceEditingConfig under your cq:editConfig node.
2. Add below properties to cq:inplaceEditing node.  
3. In the html file of the component, use the class “cq-dd-image” to render the inplace editing plugins.For example:
4. Now if you go to the page you can see edit option.
5. When you click on the edit option it gives you the editing options.

 Hope this helps!!

Happy Coding 🙏

If you like my post and find it helpful, you can buy me a coffee.