Markdown Editor
Write Markdown and see it rendered as you type, including GitHub Flavored Markdown tables, task lists, strikethrough and fenced code blocks. Copy the text or download it as a .md file.
About the Markdown Editor
Markdown lets you format text with ordinary characters: # for a heading, two asterisks around a word for bold, a hyphen at the start of a line for a list item. This editor shows the rendered result next to what you type, so you can write a README, documentation page, forum post or notes and see exactly how headings, lists and links will come out.
The preview is produced by the open-source marked library with GitHub Flavored Markdown (GFM) switched on. That covers the extras many people rely on: tables with column alignment, task lists written as - [ ] and - [x], strikethrough with double tildes, fenced code blocks between lines of three backticks, and plain URLs that turn into links. Raw HTML inside your Markdown is allowed, but the rendered output is cleaned with DOMPurify before it is displayed, so scripts and event-handler attributes are removed.
The Split, Editor and Preview buttons set the layout: side by side on wide screens, or one panel at a time, which is handy on a phone. On wider screens the toolbar also shows a running word and character count. Copy puts your Markdown on the clipboard, and the .md button downloads it as document.md.
Writing for the web? Check how easy your text is to read with the Readability Checker, or hit a length target with the Word Counter.
How to use the Markdown Editor
- 1
Write or paste Markdown
Type in the editor panel, or replace the example text with your own.
- 2
Check the preview
The preview updates as you type. Links in the preview open in a new tab, so you don’t lose your place.
- 3
Change the layout
Click Split, Editor or Preview to show both panels or just one.
- 4
Save your text
Click Copy to copy the Markdown, or .md to download it as a file. Nothing is kept after you leave the page.
What it can do
GitHub Flavored Markdown
Tables, task lists, strikethrough, fenced code blocks and automatic links, rendered by the marked library.
Sanitised preview
The rendered HTML passes through DOMPurify, which strips scripts and other unsafe markup before display.
Three layouts
Split view, editor only or preview only.
Word and character count
Updates as you type (shown on wider screens).
Download as .md
Saves the plain Markdown text as a file you can commit or open in any editor.
Limitations
- There is no export to HTML or PDF; the Copy and .md buttons give you the Markdown source only.
- Your text is not saved. Reloading or closing the page loses anything you haven’t copied or downloaded.
- Code blocks are shown in a monospace font without syntax colouring.
- Platform-specific additions such as @mentions, emoji shortcodes, footnotes, maths and diagrams are not rendered.
- The preview’s styling is close to, but not the same as, how GitHub or other sites display Markdown.
Privacy
Your Markdown is converted to HTML by JavaScript in your browser and is not uploaded to FlexyPdf. Images you reference by URL are loaded by your browser from the sites that host them.
Frequently asked questions
How do I make a table?
Write the column names on one line separated by pipes, add a line of dashes under them, then one line per row, for example | Item | Price |, then |------|------:|, then | Tea | 20 |. A colon on the right of the dashes right-aligns that column, on the left left-aligns it, and on both sides centres it.
How do I add a code block?
Put a line of three backticks before and after the code. You can add a language name such as js right after the opening backticks; it is kept as a class on the code element, although this preview does not colour the syntax.
Can I use HTML inside Markdown?
Yes, most tags work, which is useful for things like <details>, <sub> or <kbd>. For safety, script tags, on... event attributes and javascript: links are removed from the preview.
Will my file look the same on GitHub?
The syntax is the same GFM dialect, so structure such as headings, lists, tables and task lists will match. Fonts, colours and spacing differ, and GitHub-only features like @mentions, issue references and emoji shortcodes are not rendered here.
How do I break a line without starting a new paragraph?
A single line break inside a paragraph is ignored in Markdown. End the line with two spaces or a backslash before pressing Enter, or leave a blank line to start a new paragraph.
Ratings & Reviews
Rate Markdown Editor
Help others by sharing your experience. Your rating is shown without your name.
More Developer Tools
View all →Code Beautifier
Re-indent JavaScript, SQL, JSON, HTML, CSS and XML code
JSON Formatter & Validator
Validate, pretty-print or minify JSON
XML Validator
Check that XML is well-formed and see where it breaks
Live Code Editor
Edit HTML, CSS and JavaScript with a live preview