RichTextEditor Demo
Home Pricing

## Multiple Editor

This example shows how to setup multiple rich text editors on the same page.

This is the first editor.

This is the second editor.

### Demo Code:

    import { createRichTextEditor } from "ts-rich-text-editor";

    const opts = { basePath: "/richtexteditor" };

    const [editor1, editor2] = await Promise.all([
      createRichTextEditor("#div_editor1", {}, opts),
      createRichTextEditor("#div_editor2", { toolbar: "basic" }, opts),
    ]);

    <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>This is the first editor.</p>
    	<p><img src='/images/editor-image.png' /></p>
    </div>

    <script>
    	var editor1 = new RichTextEditor("#div_editor1");
    </script>

    <br />
    <br />

    <div id="div_editor2">
    	<p>This is the second editor.</p>
    </div>

    <script>
    	var editor2cfg = {}
    	editor2cfg.toolbar = "basic";
    	var editor2 = new RichTextEditor("#div_editor2", editor2cfg);
    </script>

### Relative Links

- Toolbar Configuration