Documentation

Draggable

Type: Object, Boolean

Default: false

This setting helps to specify html code for blocks that are dragged into Article content.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    draggable: {
        'item-1': '...html..',
        'item-2': '...html..',
        'item-3': '...html..'
    }
});

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

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

See the work example for more details.