This example shows how to drag and drop something into Redactor.
<!-- element -->
<textarea id="entry">...</textarea>
<!-- draggable -->
<img src="/image-1.png" data-rx-drop-id="drop-01" width="95" height="105" />
<img src="/image-2.png" data-rx-drop-id="drop-02" width="95" height="105" />
<img src="/image-3.png" data-rx-drop-id="drop-03" width="95" height="105" />
<!-- blocks -->
<div data-rx-drop-item="drop-01" style="display: none">
<h2>Block 1</h2>
<p>...</p>
</div>
<div data-rx-drop-item="drop-02" style="display: none">
<div class="bg-aluminum p-8 rounded-lg">
<h2>Block 2</h2>
<p>....</p>
</div>
</div>
<div data-rx-drop-item="drop-03" style="display: none">
<h2>Block 3</h2>
<figure>
<img src="/photo.jpg" alt="Blue and purple galaxy">
<figcaption>...</figcaption>
</figure>
<p>....</p>
</div>
<!-- call -->
<script>
let app = Redactor('#entry');
</script>