Skip to content

Embeddable editors

Embeddable code editors, block-style editors, and rich text (WYSIWYG) editors you can use in web apps.

Embeddable code editors with syntax highlighting, often used in docs, playgrounds, or admin tools.

  • Monaco Editor — The same editor that powers VS Code. Full-featured, heavy.
  • CodeMirror — Versatile code editor for the web. Modular and widely used.
  • ACE Editor — High-performance code editor. Mature and customizable.
  • CodeFlask.js — Lightweight code editor for simple embeds.
  • CodeJar — Minimal, dependency-free code editor (~1 KB).

Block-based editors (blocks like paragraph, heading, list, image). Good for structured content and modern CMS UIs.

  • Editor.js — Block-styled editor with clean JSON output. Free and open source.
  • MediumEditor — Inline editor with a simple toolbar. No blocks, minimal setup.

What-you-see-is-what-you-get editors for formatted text and HTML.

  • TinyMCE — Trusted WYSIWYG editor. Free tier and commercial options.
  • Quill — Powerful rich text editor with a modular API.
  • Slate — Framework for building custom rich text editors (React).
  • Draft.js — Rich text editor framework for React by Meta.
  • CKEditor 5 — Modern WYSIWYG editing (open source and commercial).
  • Froala — Commercial WYSIWYG editor with many features.
  • Summernote — Simple WYSIWYG editor built on Bootstrap.

Editors for Markdown with preview, often used in comment forms or docs.

  • EasyMDE — Simple, embeddable Markdown editor (maintained fork of SimpleMDE).
  • SimpleMDE — Original embeddable Markdown editor; consider EasyMDE for updates.
  • Editor (lepture) — Markdown editor with live preview (demo).