Live Markdown editor
Free online Markdown editor with live HTML preview. Type CommonMark or GitHub-Flavored Markdown on the left and see the rendered HTML on the right; the panes scroll in sync so you do not lose your place in long documents. The preview is sanitised — pasted <script> tags and onclick handlers cannot fire, so you can safely render Markdown you copied from anywhere. Export as a .md file (the source you wrote) or as a .html file (the rendered output), or copy the rendered HTML to your clipboard for pasting into WordPress, Ghost, Notion, or any other CMS. Three view modes: side-by-side (default), editor-only (focus mode), preview-only (read mode).
How to use
Standard syntax — headings (#), lists (-), bold (**), code (```), tables (|).
Live render appears on the right as you type.
Focus mode hides the preview; read mode hides the editor.
Save your draft as .md (source) or .html (rendered), or copy the HTML straight to the clipboard for a CMS paste.
Edit Markdown on the left, see HTML on the right — GitHub-flavored, safe, syncable scroll
What you can do
Typical uses
- Draft a blog post in Markdown, render to HTML, paste into your CMS.
- Write a README locally without installing a renderer.
- Convert a Markdown document to standalone HTML for emailing or hosting.
- Format a meeting note with headings and bullet lists, then copy the HTML.
- Practise Markdown syntax — see how each character translates to HTML.
Why this one
Rendering happens instantly on every keystroke — no round-trip to a server, no "preview ready in 3 seconds" delay you find in CMS editors. Sync-scroll and three-view layouts are configurable. GFM features (tables, task lists, fenced code) match exactly what GitHub renders for your README; flip GFM off if you target a stricter CommonMark consumer (some static-site generators, academic publishing pipelines).
Common questions
What is "GitHub-Flavored" Markdown?
A superset of CommonMark adding tables, fenced code blocks, task lists, autolinks, and strikethrough. It is the de-facto standard for README files. Toggle off "GFM" to render strict CommonMark instead.
Why is <script> in my Markdown not rendering?
Active content (scripts, event handlers, javascript: URLs) is stripped before display — without this guard, any Markdown you paste from a chat or forum could run code in your browser. If you need a literal <script> tag as visible text, escape it with backticks (`<script>`) or HTML entity codes.
Can I write LaTeX/math?
No — this is a plain Markdown renderer, not a math typesetter. Use a code-fenced block with language `math` as a placeholder; for real equation rendering, GitHub now supports $...$ math blocks natively, and Obsidian / VS Code / MkDocs all wire in KaTeX or MathJax.
How does sync scroll work?
When you scroll the editor, the preview scrolls proportionally to match. It is rough percentage-based — not block-accurate — but close enough for navigation.
Mobile?
Yes. The split layout collapses to stacked panes; switch to editor-only or preview-only for more space.
