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>