Markdown Editor
Write Markdown with a live preview. Supports GitHub-flavored Markdown, sanitized HTML export, and tables.
About the Markdown Editor
The Markdown Editor is a split-screen writing pane: you type Markdown on the left and see the rendered result update on the right as you go. It solves the guesswork of writing Markdown blind, where you commit text to a README or comment box and only find out later that a table broke or a code fence never closed. Here the preview refreshes on every keystroke, so a mangled heading or list shows up the instant you type it.
The editor parses your text with the marked library using GitHub-flavored Markdown, so tables, strikethrough, task-style lists, and fenced code blocks all render. It also enables the breaks option, meaning a single line break in your source becomes a line break in the output. Before anything reaches the preview pane, the generated HTML is run through DOMPurify, which strips scripts and unsafe attributes. Both libraries load in your browser, and the sample document shows you the supported syntax.
It is free, needs no account, and does no server round trip. Your text stays in the browser tab; nothing is uploaded to be rendered. A toolbar inserts common markup for you, a Reset button restores the starting sample, and two copy buttons put either the raw Markdown or the sanitized HTML on your clipboard. If you write documentation, issue comments, or static-site posts, it is a quick scratchpad for getting the syntax right before you paste elsewhere.
How to use the Markdown Editor
- 1Type or paste your Markdown into the left textarea labeled Markdown, replacing the sample text.
- 2Watch the Preview pane on the right update as you type; no render button is needed.
- 3Use the toolbar buttons (B, I, H2, List, Link, code, code block, quote, Table) to append ready-made snippets you can edit.
- 4Click Reset to clear your work and reload the built-in sample document.
- 5Click Copy Markdown to grab your source, or Copy HTML to copy the rendered, sanitized markup.
- 6Paste the copied result into GitHub, your CMS, or an HTML file.
What you can use it for
Draft a README
Write your project README here and confirm the tables, badges list, and code fences render the way GitHub will show them before you commit. The live preview catches an unclosed code block or a misaligned table pipe while you can still fix it.
Markdown to HTML paste
You write a blog post in Markdown but your CMS only accepts HTML. Draft it here, click Copy HTML, and paste the sanitized markup straight into the editor field without hunting for a separate converter.
Learn the syntax
The Table and code block toolbar buttons drop in correctly formatted examples, so you can see how the pipe syntax and triple backticks work by editing a snippet that already renders instead of memorizing the rules.
Check a comment before posting
Before sending a long GitHub or forum comment, paste it here to verify the quote blocks, links, and lists format cleanly. It saves the edit-and-repost cycle when a stray character breaks your formatting.
Why the HTML is sanitized
Markdown lets you write raw HTML inline, and a parser will faithfully pass that HTML through to the output. That includes tags you would not want to execute, like a script element or an image with an onerror handler. If a preview rendered that markup directly, pasted or malicious Markdown could run code in the page. This editor closes that gap by sending marked's output through DOMPurify before it ever reaches the preview element.
DOMPurify parses the HTML into a document, walks every node, and drops anything not on its allowlist of safe elements and attributes. Script tags, javascript: URLs, and inline event handlers are removed while your headings, tables, links, and code survive. That is why the Copy HTML button gives you markup that is safer to drop into another page, and why what you see in the preview is the cleaned result rather than the raw parser output.
Frequently asked questions
Does my text get uploaded anywhere?
No. The marked and DOMPurify libraries load into your browser and do all the parsing there. Your Markdown and the HTML it produces never leave the page, and there is no account or server render step. Closing or refreshing the tab discards the content, so copy anything you want to keep.
Do the toolbar buttons insert at my cursor?
No. The B, Link, Table, and other buttons append their snippet to the end of the document rather than at your cursor position. Insert the markup, then cut and move it to where you need it, or type the syntax directly if you want it placed mid-document.
Which Markdown flavor does it support?
It uses GitHub-flavored Markdown through the marked parser, so tables, strikethrough with double tildes, fenced code blocks, blockquotes, and ordered and unordered lists all work. The breaks option is on, meaning a single newline in your source turns into a visible line break rather than being collapsed.
Is the HTML output safe to publish?
The rendered HTML is passed through DOMPurify, which removes script tags, event handler attributes, and other markup that could run code. That protects the preview and gives you cleaner output to copy. Still review anything you publish, since sanitizing is about safety, not about matching a specific site's allowed tags.
Can I download my work as a file?
There is no download or save button. Your options are Copy Markdown and Copy HTML, both of which place the text on your clipboard. Paste it into a file, a commit, or a CMS field to store it. The editor keeps no history once the tab is closed.
Does it highlight code inside code blocks?
Code fences render in a monospace font with a shaded background, but the tool does not color individual tokens like keywords or strings. If you need per-token syntax highlighting, copy the HTML and let your publishing platform apply its own highlighter to the code blocks.