Examples

Tracked Changes

Toggle the Track Changes button on the toolbar, then edit. Your edits become suggestions: insertions appear underlined in your author color, deletions are shown with a strikethrough. Nothing is committed until someone accepts each suggestion from the Review drawer.

Draft: Q1 announcement

Our revenue grew 15% year-over-year, with enterprise leading the mix.

Two new enterprise customers closed in March.

Example 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="tc_editor">
            <h3>Draft: Q1 announcement</h3>
            <p>Our revenue grew <strong>15%</strong> year-over-year, with <em>enterprise</em> leading the mix.</p>
            <p>Two new enterprise customers closed in March.</p>
        </div>

        <script>
            var tccfg = {
                trackChangesEnabled: true,
                commentsEnabled: true,        // comments share the same Review drawer
                currentUser: { id: "maya", name: "Maya Patel", color: "#9333ea" },
                toolbar: "default"
            };
            var tcEditor = new RichTextEditor("#tc_editor", tccfg);
        </script>