🧰 ToolPicoAll Tools →
HomeBlog › What's New in the Markdown Previewer

What's New in the Markdown Previewer: Drag-and-Drop, PDF/PNG Export, and Zen Mode

Three updates just landed in the Markdown Previewer, and all three are live right now, not roadmap items. Here's what each one does and how to use it.

In this guide
Drag-and-drop file import One-click PDF and PNG export Zen mode: distraction-free writing FAQ

Drag-and-drop file import lands on the editor pane

Quick answerYou can now drag a .md, .markdown, or .txt file straight from your desktop or file manager and drop it anywhere on the editor pane. The pane highlights and shows a "Drop .md file to import" cue while the file is hovering over it, and releasing it loads the content into the editor instantly.

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

Quick answerTwo export buttons sit below the editor now: "Print / PDF" opens the browser's native print dialog with only the rendered document visible — no editor chrome, no toolbar — so choosing "Save as PDF" produces a clean file; "Download PNG" renders the current preview panel straight to an image file with a single click, no screenshot tool needed.

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.

Example: which export button fits which situation
You want to...UseOutput
Send a full document to a reader offlinePrint / PDFStandalone .pdf via browser print dialog
Drop one rendered section into a chat/slideDownload PNGSingle .png image of the preview
Reuse the formatted HTML in a CMSCopy HTMLHTML 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

Quick answerClicking "Zen mode" expands the editor and preview to fill the browser window and hides everything else — header, trust badges, tabs, template chips, formatting toolbar, table of contents, and stats bar — leaving just the writing surface. A pinned "Exit zen mode" button, or the Escape key, brings the full page back.

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.

Good to know: Zen mode works with whichever view you already had active. If you switch to "Editor only" first and then turn on Zen mode, you get a single full-window writing pane with no preview at all — the most stripped-down configuration available, useful for a first draft you don't need to see rendered yet.

Frequently asked questions

How does drag-and-drop file import work in the Markdown Previewer?
Drag a .md, .markdown, or .txt file from your desktop or file manager and drop it anywhere onto the editor pane on the left. The editor highlights with a colored border while the file is over it, and a "Drop .md file to import" message appears as a visual cue. Releasing the file loads its contents straight into the editor and the preview updates immediately — no file picker dialog required.
Is there now a one-click way to export a Markdown preview as PDF?
The "Print / PDF" button opens your browser's native print dialog with the interface chrome (editor, toolbar, buttons) already stripped out, showing only the rendered document. Choosing "Save as PDF" as the destination in that dialog produces a clean PDF of just the formatted content. It's a one-click trigger into a system dialog, not a fully silent export, but it removes the manual step of hiding the editor yourself before printing.
Can I download the rendered Markdown preview as a PNG image?
Yes. The "Download PNG" button renders the current preview panel and saves it as an image file directly, without needing a separate screenshot tool or browser extension. This is useful for dropping a single formatted table or short section into a chat message or a slide, where a full PDF or HTML file would be overkill.
What exactly does Zen mode hide, and how do I exit it?
Turning on Zen mode with the "Zen mode" toggle expands the editor and preview panes to fill the entire browser window and hides the header, trust badges, view tabs, template chips, formatting toolbar, table of contents, stats bar, and every other page section outside the writing area. A small "Exit zen mode" button stays pinned in the top corner, and pressing Escape also exits back to the normal page layout.
Do these new features send my file or drafted content to a server?
No. Drag-and-drop import reads the dropped file locally in the browser the same way the upload button does. PDF export uses the browser's own built-in print engine, and PNG export renders the preview panel to an image client-side. Zen mode is purely a CSS/layout change. None of the three features introduces any network request or server upload.

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 →
Methodology note: every feature described in this guide was verified directly against the live Markdown Previewer tool before publishing. No usage statistics are cited; examples describing specific files or workflows are illustrative only.