Drag and drop images
Drag and drop images feature allows the user to drag a file directly from web or the Desktop into editor without the use of file dialog.
Try it:
- Drag this web image into editor
- Drag an image from the Desktop
Drag the image above or from Desktop to insert them into the editor.
Demo Code:
import { createRichTextEditor } from "ts-rich-text-editor";
const editor = await createRichTextEditor("#div_editor1", {}, {
basePath: "/richtexteditor",
});
<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>
<div id="div_editor1">
<p>Drag the image above or from Desktop to insert them into the editor.</p>
<p>
</div>
<script>
var editor1 = new RichTextEditor("#div_editor1");
</script>