12 / 24
12Drag and Drop
Rearrange content naturally
Every block has a drag handle that appears on hover. Grab it to reorder blocks within the editor.
Block reordering
- --Drag handle -- appears on the left side of each block on hover. Grab it to start dragging.
- --Drop indicators -- horizontal lines show where the block will land (before or after target).
- --Auto-scroll -- the editor automatically scrolls when you drag near the top or bottom edge of the viewport.
Image grouping
- --Side-by-side layout -- drop an image to the left or right of another image to create a flex container.
- --Group controls -- grouped images get a toolbar with reverse order and extract (ungroup) buttons.
- --Flex containers -- images in a group are wrapped in a flex container for responsive side-by-side display.
Touch support
On tablets, drag icons are visible by default (no hover required). Touch-based drag and drop works with the same visual feedback as desktop.