Markdown Editor
Write Markdown on the left and see the rendered HTML preview on the right in real time. Supports headings, bold, italic, code blocks, lists, links, blockquotes, and tables. Runs entirely in your browser.
How to Use
Markdown Syntax Quick Reference
Markdown was created by John Gruber in 2004. It is widely used in GitHub README files, static site generators, documentation platforms such as MkDocs and Docusaurus, blog platforms like Ghost, note-taking apps like Obsidian, and CMS editors. The goal of Markdown is to be readable as plain text while also converting cleanly to HTML for display in browsers.
This editor uses a pure JavaScript parser built into the page. No libraries are loaded. All parsing happens in your browser and no text is sent to any server.
Frequently Asked Questions
What is Markdown?
Markdown is a lightweight markup language that converts plain text with simple symbols into formatted HTML. Use # for headings, ** for bold, * for italic, and ``` for code blocks. Created by John Gruber in 2004, it is the standard format for GitHub README files, documentation, and many CMS editors.
How do I create a heading?
Use hash symbols followed by a space: # creates an h1, ## creates an h2, and so on up to ###### for h6. The heading level determines the visual size and HTML tag used in the output.
How do I make text bold or italic?
Wrap text in double asterisks for bold: **bold text**. Use single asterisks or underscores for italic: *italic* or _italic_. Combine both for bold italic: ***bold italic***.
How do I create a code block?
For inline code, wrap text in single backticks: `code`. For a fenced code block, place three backticks on the line before and after your code. You can add a language name after the opening backticks for syntax indication.
Is my text sent to a server?
No. The Markdown parser runs entirely in your browser. Your text is never uploaded, stored, or sent anywhere. The page works offline once loaded.