Markdown editor
Write Markdown on the left, see it rendered on the right. Switch to Visual or HTML any time.
Markdown
Paste, type, drop a file, open a URL or press Sample
Preview
The page renders here as you type
How to use the editor
Pick how you write
Visual gives you a toolbar like a word processor. HTML shows the source with colours, checks and Prettier formatting. Markdown is for docs and READMEs. All three edit the same document, so switch whenever you like.
Bring your content
Type, paste, drop a file on the editor, press Open for an .html or .md file, or URL to fetch a page from the web. Sample fills in an example page with styles, a table and a script.
Preview and export
The preview renders the page as you type, at desktop, tablet or phone width. Download gives you HTML, Markdown, plain text or PDF; Ctrl+S saves the HTML. Open in tab shows the page full size.
Good to know
- Visual toolbar: headings, bold, italic, underline, strike, sub and superscript, code, text colour, highlight, alignment, bullet, numbered and task lists, quotes, code blocks, links, images, tables, undo and redo. Ctrl+B, Ctrl+I, Ctrl+U, Ctrl+Z work as expected.
- Code editors: Shift+Alt+F formats HTML, Ctrl+F finds and replaces, Ctrl+D selects the next match, Alt+Up or Down moves a line, Ctrl+/ toggles a comment, Tab indents the selection.
- A full page keeps its head, styles and scripts while you write in Visual or Markdown; only the body is edited there. Fragments are wrapped in a simple styled page for the preview and the HTML and PDF downloads.
- Untick Run scripts to render the page with JavaScript disabled. The preview frame has no access to this site, your cookies or other tabs.
- Load from URL: pages that allow cross-origin requests load directly; others go through the public allorigins.win proxy. Add ?url=https://… to this page's address to share a link that opens a page in the editor.
- Your draft is saved in this browser and restored the next time you open any of the three tabs. Press Clear to forget it. Nothing is sent to a server.
Questions people ask
What is the difference between the three tabs?
Visual is a word-processor style editor with a toolbar. HTML shows the same document as source code with formatting, minifying and checks. Markdown lets you write in Markdown syntax. Switching tabs converts the document, so you can start in one and finish in another.
Will switching to Markdown lose anything?
The head of a full page, its styles and scripts, are kept aside and put back when you return to HTML or Visual. Only the body is turned into Markdown, and Markdown cannot express everything HTML can, so custom attributes, colours and inline styles in the body are dropped.
Which download formats are there?
HTML (.html), Markdown (.md), plain text (.txt) and PDF. PDF opens the page in a new tab with the print dialog, where you choose Save as PDF. Fragments without html and body tags are wrapped in a simple styled page for the HTML and PDF downloads.
How does Load from URL work?
The page is fetched by your browser. Sites that allow cross-origin requests, such as raw GitHub files and gists, load directly. Others are fetched through the public allorigins.win proxy, which sees the URL but not your document. You can also open the editor with ?url= in the address bar.
Is the preview safe with pasted HTML?
Yes. The preview is a sandboxed frame on a separate origin: its scripts cannot read this page, your cookies or other tabs. Untick Run scripts to render without JavaScript.
What does Format change, and is Minify safe?
Format uses Prettier: indentation, line breaks and attribute quoting, including CSS and JavaScript inside style and script tags. Minify removes comments and whitespace between tags, keeps pre and textarea byte for byte and leaves JavaScript untouched apart from surrounding whitespace.
Is my document uploaded anywhere?
No. Editing, converting, checking and the preview run in your browser. The draft is kept in this browser's local storage so it is still here when you come back on the same device.