Drag-and-drop file import lands on the editor pane
The upload button was always the reliable path for loading an existing file, and it still works exactly the same way. What changed is that the editor pane itself is now a drop target. If you already have a folder window open next to the browser — say, a docs/ directory with a changelog.md you want to sanity-check — you can drag the file icon directly onto the left-hand editor and let go, and the markdown source appears there immediately, with the preview on the right updating in the same instant.
Visually, the editor's border switches to the brand color and gets a soft glow while a file is dragged over it, so it's obvious the drop will register before you release the mouse button. This is a small change in mechanics, but it removes a full round trip through a file picker dialog for a task — checking a file you already have open elsewhere — that tends to happen many times in a single editing session.
One-click export: Print/PDF and Download PNG
The PDF path works by leaning on print-specific styling: when the "Print / PDF" button triggers the browser's print dialog, everything except the rendered preview — the header, the trust badges, the formatting toolbar, the view tabs — is hidden from the printed output automatically. What reaches the print dialog (and the resulting PDF, if you choose "Save as PDF" as the destination) is just the formatted document itself: headings, tables, code blocks, and all. It's a one-click trigger into a native browser dialog, not a fully silent background export, but it's a meaningful step up from manually hiding the interface yourself before printing.
The "Download PNG" button covers a different, narrower case: sometimes you don't want a whole document, just one formatted piece of it — a table, a short code sample, a checklist — as a single image you can paste into a chat message or drop into a slide deck. Clicking it captures the current preview panel and saves it as a PNG file directly, which is the kind of thing that previously meant reaching for a separate screenshot extension.
| You want to... | Use | Output |
|---|---|---|
| Send a full document to a reader offline | Print / PDF | Standalone .pdf via browser print dialog |
| Drop one rendered section into a chat/slide | Download PNG | Single .png image of the preview |
| Reuse the formatted HTML in a CMS | Copy HTML | HTML on the clipboard (unchanged from before) |
Example scenario only — the right export choice always depends on where the document is headed next, not a fixed rule.
Zen mode: a distraction-free writing toggle
This is the concrete version of the "composing vs. checking" split: when you're still getting words down, a toolbar, a row of view-mode tabs, and a stats bar are competing for attention against the sentence you're trying to finish. Turning on Zen mode strips all of that away in one click — the page collapses to just the editor and preview panes (or a single pane, if you're already in editor-only or preview-only view), scaled up to use the full width and height of the window.
Exiting is deliberately low-friction: there's a small "Exit zen mode" button pinned in the corner the whole time you're in the mode, and pressing Escape does the same thing without reaching for the mouse. Nothing about the underlying markdown changes while you're in Zen mode — it's purely a layout state, so toggling it on and off mid-session doesn't touch your draft at all.
Frequently asked questions
How does drag-and-drop file import work in the Markdown Previewer?
Is there now a one-click way to export a Markdown preview as PDF?
Can I download the rendered Markdown preview as a PNG image?
What exactly does Zen mode hide, and how do I exit it?
Do these new features send my file or drafted content to a server?
Try the drag-and-drop import, the PDF/PNG export buttons, and Zen mode for yourself — all free, all in your browser.
Try the free Markdown Previewer →