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

This is the second editor.
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>