Redactor — JavaScript WYSIWYG HTML Editor with AI & Plugins

Demo

Try the editor

<h1>Exploring the Infinite 🙂</h1>
                <p>Space, the final frontier, stretches infinitely beyond the confines of Earth, a vast expanse of darkness speckled with stars, planets, and <b>galaxies</b>. It is a place of profound mystery and beauty, where the laws of physics manifest in ways that challenge our understanding. The cosmos is <a href="https://example.com">a cosmic dance</a> of celestial bodies moving in the silent echo of the universe, from the fiery birth of stars in nebulae to the enigmatic pull of black holes.</p>
                <ul>
                    <li>[x] Negotiate peace treaty with Martian garden gnomes.</li>
                    <li>[ ] Schedule intergalactic pizza delivery for the next meteor shower watch party.</li>
                    <li>[ ] Invent zero-gravity coffee cup to prevent spills during supernova observations.</li>
                </ul>
                <figure>
                  <img src="/assets/img/redactor4-photo.jpg?r" alt="White stairs">
                  <figcaption>White stairs <a href="https://unsplash.com/photos/photography-of-white-concrete-stairs-R-wQExeiGrc">unsplash.com</a></figcaption>
                </figure>
                <h2>Humanity's Journey Beyond Earth</h2>
                <p>Exploring space has pushed humanity to its limits, revealing not just the universe's grandeur, but also the fragility of our own planet. Satellites orbiting Earth provide crucial data for communication, weather forecasting, and global positioning, while telescopes peer deep into the cosmos, uncovering the universe's age and composition. Each discovery in space leads us to new questions about our place in the universe, driving our insatiable curiosity to explore the unknown.</p>
                <div style="background: var(--rx-bg-aluminum); border-radius: 12px; padding: 24px;">
                    <div data-block="layout">
                        <div data-block="column" style="flex-basis: 50%;">
                            <b>The Hubble Space Telescope</b> can observe stars and galaxies up to 13.4 billion light-years away, allowing us to look back in time nearly to the beginning of the universe.
                        </div>
                        <div data-block="column" style="flex-basis: 50%;">
                            <b>Space is completely silent</b>, as sound waves require a medium, like air or water, to travel through, and the vacuum of space has none.
                        </div>
                    </div>
                </div>
                <p>As we gaze upwards, every twinkling star serves as a reminder of the boundless adventures awaiting us in the cosmos.</p>

<h1>Select some text to see the context bar</h1>
                <p><i>Or type / (slash) anywhere to call the command palette.</i></p>
                <p>Space, the final frontier, stretches infinitely beyond the confines of Earth, a vast expanse of darkness speckled with stars, planets, and <b>galaxies</b>. It is a place of profound mystery and beauty, where the laws of physics manifest in ways that challenge our understanding. The cosmos is <a href="https://example.com">a cosmic dance</a> of celestial bodies moving in the silent echo of the universe, from the fiery birth of stars in nebulae to the enigmatic pull of black holes.</p>
                <ul>
                    <li>[x] Negotiate peace treaty with Martian garden gnomes.</li>
                    <li>[ ] Schedule intergalactic pizza delivery for the next meteor shower watch party.</li>
                    <li>[ ] Invent zero-gravity coffee cup to prevent spills during supernova observations.</li>
                </ul>
                <figure>
                  <img src="/assets/img/redactor4-photo.jpg?r" alt="White stairs">
                  <figcaption>White stairs <a href="https://unsplash.com/photos/photography-of-white-concrete-stairs-R-wQExeiGrc">unsplash.com</a></figcaption>
                </figure>
                <h2>Humanity's Journey Beyond Earth</h2>
                <p>Exploring space has pushed humanity to its limits, revealing not just the universe's grandeur, but also the fragility of our own planet. Satellites orbiting Earth provide crucial data for communication, weather forecasting, and global positioning, while telescopes peer deep into the cosmos, uncovering the universe's age and composition. Each discovery in space leads us to new questions about our place in the universe, driving our insatiable curiosity to explore the unknown.</p>
                <div style="background: var(--rx-bg-aluminum); border-radius: 12px; padding: 24px;">
                    <div data-block="layout">
                        <div data-block="column" style="flex-basis: 50%;">
                            <b>The Hubble Space Telescope</b> can observe stars and galaxies up to 13.4 billion light-years away, allowing us to look back in time nearly to the beginning of the universe.
                        </div>
                        <div data-block="column" style="flex-basis: 50%;">
                            <b>Space is completely silent</b>, as sound waves require a medium, like air or water, to travel through, and the vacuum of space has none.
                        </div>
                    </div>
                </div>
                <p>As we gaze upwards, every twinkling star serves as a reminder of the boundless adventures awaiting us in the cosmos.</p>

Quick AI commands that rewrite the selection in place — improve, shorten, translate, change tone, and more.

<h1>Writing better drafts with AI</h1>
                <p>
                    Select text and open <b>AI</b> in the toolbar or context bar — improve, simplify, fix mistakes, change tone, or translate in one click.
                </p>
                <h2>Why start from a real draft</h2>
                <p>AI tools work best when they have something concrete to reshape. A blank page invites generic output; a rough draft gives the model your facts, your angle, and your vocabulary.</p>
                <h3>Paragraph worth improving</h3>
                <p>The product launch was really good and we had alot of people show up and the feedback was positive and everyone said they liked the demo and we think next quarter will be even better because we are planning more features.</p>
                <h3>Paragraph worth simplifying</h3>
                <p>Organizations that implement collaborative editing workflows often discover that asynchronous review cycles—wherein stakeholders annotate drafts without blocking the author’s progress—materially reduce time-to-publication compared with sequential email-based revision chains.</p>
                <h3>Paragraph with deliberate errors</h3>
                <p>Their are several common misstakes in this sentance: its missing apostrophes, confuses <em>their</em> and <em>there</em>, and uses <em>misstakes</em> instead of <em>mistakes</em>.</p>
                <h2>Incomplete thought</h2>
                <p>When you ship a feature without documentation, users often</p>
                <ul>
                    <li>Select one block for a quick polish.</li>
                    <li>Select several blocks to rewrite a section.</li>
                    <li>Try <em>Change tone</em> or <em>Translate</em> on a short paragraph.</li>
                </ul>

API Commands (see browser console)

<div class="email-options">
        {
        "body": {
            "background": "#f1f3f5",
            "padding": "32px 20px 64px"
        },
        "content": {
            "padding": "40px",
            "borderRadius": "10px",
            "background": "#ffffff"
        }
    }
    </div>
                <h2>Hi <span data-block="mergetag">Name</span>,</h2>

<p>I hope this email finds you well.</p>

<p>
                    <b>We are thrilled to announce</b> the release of our latest product, [Product Name]! After months of meticulous design and development, we are excited to finally share this innovative solution with you.</p>

<p>
                    [Product Name] is designed to [briefly describe the main features or benefits of the product].
                    Whether you're a seasoned professional or just starting out, [Product Name] offers [unique selling points or advantages].
                </p>

<p>
                    <a href="https://imperavi.com" class="email-button">Check it out →</a>
                </p>

<p>Here are some key highlights of [Product Name]:</p>

<div style="padding: 24px; border-radius: 8px; background: #EBF4FF;">
                    <ul style="padding: 0;">
                        <li>Feature 1</li>
                        <li>Feature 2</li>
                        <li>Feature 3</li>
                    </ul>
                </div>

<p>To learn more about [Product Name], <a href="https://imperavi.com">visit our website</a>.

<p>Thank you for your continued support. We are confident that [Product Name] will exceed your expectations and greatly enhance your productivity.</p>

<p>Should you have any questions or need further assistance, please don't hesitate to contact us.</p>

<p>
                    Best regards,<br>
                    Imperavi team.
                </p>
                <div class="email-footer" style="background: #f5f5f5; padding: 20px; border-radius: 8px;">
                    <p style="margin-bottom: 16px; font-size: 14px; line-height: 1.5; color: #666;">You are receiving this email because you purchased a product or subscribed to marketing emails from Tomato Store — <a href="#" style="color: #111;">Unsubscribe</a></p>
                    <p style="font-size: 14px; color: #666; line-height: 1.5;">Some Store, 11 Main Street, LA, United States</p>
                </div>

Redactor 5 is the AI-powered WYSIWYG editor for the web

Try the editor

Premium capabilities

AI Assistant

Email

Review

Schema

Versions

Annotations

Proven and trusted
by thousands

Integrates everywhere

Vanilla JS

React

Vue

CMS

Angular

Next.js

Choose Redactor
for your project

Keep exploring

Documentation

Examples

Plugins

Redactor 5 is the AI-powered WYSIWYG editor for the web

Try the editor

Premium capabilities

Proven and trusted by thousands

Integrates everywhere

CMS

Choose Redactor for your project

Keep exploring

Proven and trusted
by thousands

Choose Redactor
for your project