A simple, bare Editor42

When to use

When you just need a lightweight rich-text box — a comment field, a short bio, a small form — with basic formatting and nothing to configure.

How it works

The same single CDN script, initialized with a minimal plugin set (lists and link) and a compact toolbar. This is essentially Editor42's documented quick-start.

How to start using

Editor42 loads from a single CDN <script> tag — no build step and no API key. Call editor42.init() on your <textarea> and you are done.

See the CDN quick-start, or self-host the bundle.

Open in CodePlay

Live Demo

JavaScript

editor42.init({
  selector: "#editor",
  license_key: "gpl",
  height: 460,
  menubar: false,
  plugins: "lists link",
  toolbar: "undo redo | bold italic | bullist numlist | link",
  content_style: `
    body { font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; }
  `
});

HTML

<div class="wrap">
  <textarea id="editor">
<h2>A simple note</h2>
<p>This is a <strong>plain</strong> Editor42 setup &mdash; just the essentials for writing a short, <em>readable</em> note. No tables, no media, nothing fancy.</p>
<p>It is the kind of editor you might drop into a comment box or a small form. A few things it still does well:</p>
<ul>
  <li>Basic formatting such as <strong>bold</strong> and <em>italic</em></li>
  <li>Simple bulleted lists</li>
  <li>Tidy, safe links</li>
</ul>
<p>Want the full version? See the <a href="https://editor42.com" target="_blank" rel="noopener">Editor42 website</a> for the complete, secure editor.</p>
  </textarea>
</div>

<script src="https://cdn.editor42.com/editor42/latest/editor42.min.js"></script>

CSS

body {
  padding: 24px;
  background: #f6f8fa;
}

.wrap {
  max-width: 720px;
  margin: 0 auto;
}