Markdown Editor (CodeMirror)

CodeMirror-based online Markdown editor supporting live preview, code highlighting, theme switching, syntax toolbar and export features

Input Area

Preview Output

Documentation

Overview

This is a CodeMirror-based online Markdown editor with split view editing and live preview, suitable for technical docs, API notes, and blog drafts.

Key Features

Markdown syntax highlighting, line numbers, and folding
Live preview with code highlighting
DOMPurify sanitization for safer HTML rendering
Toolbar shortcuts for common Markdown syntax
Paste, clear, copy HTML, download MD, and download HTML
Keyboard shortcuts such as Ctrl/⌘ + B and Ctrl/⌘ + I
Resizable split panes on desktop
Light and dark theme support

How to Use

Type or paste Markdown in the editor pane
Use toolbar buttons for quick formatting
Review rendered output in live preview
Copy HTML or download MD/HTML as needed

Tips

Start with headings, lists, and links if you're new to Markdown
Use ```language for code blocks to improve highlighting
If preview looks wrong, check markdown syntax closure
For cross-device workflow, keep Markdown as source of truth