RichTextEditor Demo
Home Pricing

## 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>