Documentation

Draggable

Type: Object, Boolean

Default: false

This setting helps to specify html code for blocks that are dragged into Redactor X's content.

RedactorX('#entry', {
    draggable: {
        'item-1': '...html..',
        'item-2': '...html..',
        'item-3': '...html..'
    }
});

The dragged blocks are given the corresponding data-rx-drop-id.

<img src="..." data-rx-drop-id="item-1">
<img src="..." data-rx-drop-id="item-2">
<img src="..." data-rx-drop-id="item-3">

See the work example for more details.