RichTextEditor JavaScript WYSIWYG editor

Examples

Latest FeaturesBasic ExamplesEditor SizeInserting ContentDrag and DropTypingPluginsAPIs

Default Toolbar

This example starts with the standard RichTextEditor toolbar and plugin bundle so you can review the baseline editing experience before moving into newer AI and structured-content workflows.

AI Toolkit Structured JSON JavaScript API

This editor instance uses the default RichTextEditor toolbar configuration.

From here, you can move into AI-assisted editing, review workflows, structured JSON, Markdown conversion, and the wider JavaScript API surface.

Try AI Toolkit Try Structured JSON Explore API demo

Demo Code

<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 editor instance uses the default RichTextEditor toolbar configuration.</p>
            <p>From here, you can move into AI-assisted editing, review workflows, structured JSON, Markdown conversion, and the wider JavaScript API surface.</p>
            <p><img src='/images/editor-image.png' /></p>
        </div>

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