Markdown Editor — Free Online Markdown Editor with Live Preview
Write or open Markdown, review the live HTML preview and export as HTML or Markdown in your browser.
Write or paste your Markdown here — see rendered HTML instantly
or drop a .md / .markdown file
How to write and preview Markdown online and export it as HTML or .md
This Markdown editor shows your text and its rendered HTML side by side, so you can draft a README, a note or a blog post and see the result as you type. Paste text or open a .md file, switch between Edit, Split and Preview, then copy the HTML or download the document as .html or .md. It covers the common syntax for headings, emphasis, lists, links, images, quotes, code blocks and tables, and not the whole language.
Write Markdown and see the live HTML preview
Split is the default view, with the Markdown on one side and the Preview on the other, and the preview updates on every keystroke. Edit gives you a wider writing pane, and Preview shows only the rendered document. Try sample loads a short demo, and Clear empties the editor. To work on an existing file, choose it in the upload area. It accepts .md, .markdown and .txt files, and files over 5 MB are refused with a message.
- Paste your Markdown, type it, or open a .md file.
- Keep Split selected and watch the Preview as you write.
- Check headings, tables and code blocks in the Preview.
- Select Copy HTML, Download .html or Download .md.
Use the syntax the preview renders
Headings use one to six # signs followed by a space. Wrap text in ** for bold, in single * for italic and in ~~ for strikethrough, and in backticks for inline code. Links are [text](address), and images use the same form with an exclamation mark in front. Lines starting with >, -, * or + become quotes and bullet lists, 1. starts a numbered list, and --- draws a rule. Triple backticks open a code block, and rows separated by pipes with a dashed second row make a table, where a colon sets column alignment.
Know what the preview leaves out
The renderer is a compact subset, so these stay as plain text: underscores for emphasis, nested lists, task-list checkboxes (a task item shows as an ordinary bullet with the brackets as plain text), footnotes, underlined headings, indented or tilde code blocks, reference links and bare web addresses. Raw HTML tags are shown as text rather than rendered, and code blocks are monospaced without highlighting. A site that supports more syntax will still render it there, but you will not see it formatted here.
Export the result as HTML or save the .md file
Copy HTML and Download .html give the rendered fragment only: headings, paragraphs and tables, with no page wrapper, head or styles. Paste it into your own template, or tidy the HTML for reading first. Download .md saves your Markdown source as it stands, which is the file to keep. To see what changed between two drafts, compare the two versions, and to check length, count the words.
Before you publish your Markdown
- Use asterisks, not underscores, for emphasis if you want to see it here.
- Flatten nested lists, or check them on the site where they will be published.
- Use full web addresses for images, because relative paths do not resolve here.
- Replace parentheses inside a link address with %28 and %29 so the link is not cut short.
- Keep the .md file as the source and treat the HTML as an export.
Getting content into and out of Markdown
Text trapped in a screenshot or photo can be converted to Markdown with headings, lists and tables kept, and a pipe table you wrote here can be turned into JSON or SQL INSERT rows. Exported HTML is easier to review after you format it with clean indentation, and headings read better once you apply Chicago or AP title case.
What you can do with Markdown Editor
Review the main capabilities before you begin.
- Write Markdown with live HTML preview
- Format headings, lists and tables as you type
- Add code blocks and blockquotes with ease
- Export your writing to clean HTML
- Download your document as a Markdown file
- Draft README files and documentation
Settings reference
1 setting
Available controls for Markdown Editor.
Preview
- Markdown → PreviewPresets
- Switches the workspace between the Markdown editor only, both the editor and the live rendered preview stacked together (the default), or the rendered preview only.Options: EditSplitPreview
Related tools for Markdown Editor
Tools for common next steps after Markdown Editor.
Developer Tools
HTML Prettify
Format HTML with consistent indentation or minify it to one line in your browser.
Try it nowOCR & Data Extraction
Image to Markdown
Convert a screenshot or photo into Markdown text, with tables rebuilt as pipe tables.
Try it nowText & Writing Tools
Word Counter
Count words, characters, sentences and paragraphs, and estimate reading time as you type; no account is required.
Try it nowFrequently Asked Questions
How Markdown Editor helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start.
Write README Files for GitHub Projects
Draft README.md, CONTRIBUTING.md and CHANGELOG.md files with live preview so they render exactly as GitHub, GitLab and npm display them before you commit
Draft Blog Posts for Jekyll, Hugo & Ghost
Write blog posts in Markdown ready to drop into Jekyll, Hugo, Eleventy and Ghost without leaving your browser or installing a desktop editor
Meeting Notes & Internal Documentation
Take structured meeting notes with headings, bullet lists and code blocks then paste the rendered HTML straight into Confluence, Notion or Coda
Compose Issue & Pull Request Descriptions
Author long GitHub issue descriptions, pull request templates and Jira tickets in a real preview pane instead of guessing how the markup will render
Author Technical Documentation
Write internal runbooks, API references and SDK guides with code fences, tables and links, then export to HTML for static site generators or knowledge bases
Convert Notes to Clean HTML for Publishing
Paste rough notes, format them as Markdown and copy the rendered HTML directly into a CMS, email client or LinkedIn article without manual styling
Turn a .txt Brain-Dump into Formatted HTML
Drop a plain .txt file straight into the editor — it's accepted alongside .md and .markdown — add headings and lists, then export clean HTML without manually renaming or converting the file first.
Structure Research Notes & Lab Write-Ups
Format research notes with headings, tables and fenced code blocks, then keep the .md source under version control alongside your data while sharing a rendered HTML copy with collaborators.
Draft Resumes & Cover Letters in Markdown
Structure a resume or cover letter with headings and bullet lists, preview the formatting live, then export clean HTML to paste into an ATS web form or personal portfolio site.
Newsletter & Substack Draft Formatting
Write a newsletter issue in Markdown with headings and links in Split view, preview exactly how it will render, then copy the rendered HTML into Substack, ConvertKit or Mailchimp instead of fighting each platform's rich-text editor.
Watch each transformation land
Every photo crosses the slash untouched and comes out the other side finished.


























