Markdown Display – qurix

Markdown Display

A lightweight viewer for Markdown documents. Open any .md file from your computer and see it rendered as a clean, paper-style document — then export the result as a PDF when you need to share or archive it.

How to use

Click Open Markdown File to pick a file, or simply drag & drop a .md / .markdown / .txt file anywhere onto the page.
Paste Markdown straight from the clipboard, or click Write Markdown to start from a blank editor.
Use Edit source to view and edit the raw Markdown side-by-side with a live preview; toggle Preview to hide the editor again.
Use Load sample if you just want to see what the renderer looks like.
Once a document is loaded, click Export as PDF to open your browser's print dialog — choose Save as PDF to get a clean copy of the rendered document (not the surrounding app shell).
Click Export as Word to download the rendered document as a .doc file that Word and LibreOffice open natively — headings, lists, tables, code blocks and diagrams included (Mermaid diagrams are embedded as images). It is generated locally with no upload and no extra library.

What it renders

All standard Markdown features: headings, paragraphs, bold / italic / strikethrough, lists (incl. nested and task lists), links, images, blockquotes, horizontal rules, tables (GitHub Flavored Markdown), inline code and fenced code blocks with syntax highlighting via highlight.js.

Outline

Once a document is loaded, a sticky outline appears on the left listing all headings (indented by level) plus every table and diagram. Click an entry to jump there; the entry for the section you're currently reading is highlighted. The outline is hidden on narrow screens and in the PDF export.

Mermaid diagrams

Fenced code blocks tagged mermaid are rendered as diagrams (flowcharts, sequence, class, state, Gantt, pie, …). Just wrap the diagram definition in a ```mermaid … ``` block:

```mermaid
flowchart LR
  A[Markdown] --> B{mermaid?}
  B -->|yes| C[Diagram]
  B -->|no| D[Code block]
```

Diagrams use the qurix palette and are included in the PDF export. Rendering runs in Mermaid's strict security mode, so diagram labels can't inject scripts. Each diagram has a toolbar to export it as a PNG or SVG image, or open it fullscreen (⛶).

Fullscreen

Tables and diagrams have a ⛶ button to open them in a fullscreen view with zoom controls (− / 100% / +). Press Esc or the ✕ button to close.

Export tables (CSV / Parquet)

Every rendered table gets a small toolbar with CSV and Parquet buttons. CSV is produced instantly; Parquet uses an embedded DuckDB engine that is loaded from a CDN on first use (so the first Parquet export needs internet access). Files download as <document>-table-N.csv / .parquet.

Privacy

Everything runs locally in your browser. Files you open are never uploaded — they are read with the browser's FileReader API and rendered in-page.

Notes

The renderer uses marked for parsing, highlight.js for code highlighting and mermaid for diagrams. These are loaded from a CDN, so the first launch needs internet access.
Export as PDF uses the browser's native print → Save as PDF (A4, 12 mm margin). The result is vector — crisp diagrams, selectable / searchable text and small files. Enable Background graphics in the print dialog to include code-block and table shading.
Export as Word produces a .doc (Office-HTML) file — no dependency, fully offline. The on-screen styling is copied into the document (fonts, headings, tables, code blocks incl. syntax-highlight colours) so it matches the paper view / PDF. Mermaid diagrams are rasterised to PNG so they render in Word.
Export with data (footer) saves a self-contained copy that reopens with the current document already rendered; Export blank gives a clean copy.

Drop a Markdown file here, open one, or paste from the clipboard.

Supports .md, .markdown, .mdown, .mkd, .txt