We have learned about dialogs and design dialogs. In this post, I want to familiarize you with another node, called editConfig.

Let us take a look at the image component.

1. Drag and drop an image component to the page.
2. Drag and drop an image to the component.
   The action you performed is drag and drop.

To enable this action in the component, you use a different node.
Let us take a look at the Image component using CRXDE Lite.

1. Navigate to /libs/wcm/foundation/components/image.
2. See a node named cq:editConfig.

It has another node named cq:dropTargets which provides this functionality. There is a similar node, cq:inplaceEditing, which allows you to update a text in the component without opening the dialog. You should be aware of editConfig nodes to use it appropriately.

In short, node cq:editConfig provides functionalities, such as drag and drop, in place editing, and so on.