Embeddable editors
Embeddable code editors, block-style editors, and rich text (WYSIWYG) editors you can use in web apps.
Code editors
Section titled “Code editors”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 editors
Section titled “Block editors”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.
Rich text (WYSIWYG) editors
Section titled “Rich text (WYSIWYG) editors”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.
Markdown editors
Section titled “Markdown editors”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).