DIAGRAMS + DOCUMENTATION

Format Markdown and copy the rendered result

Buy me a coffee

Format Markdown, preview Mermaid diagrams, and copy Markdown, rich text or HTML. Download your document or print to PDF. No uploads.

No sign-up.
Just useful tools.
THE WRITING ROOM / SOURCE TO PAGELOCAL BY DESIGN
01 / WRITE
Markdown + Mermaid514 / 200,000 characters

Live preview

02 / READ
Updating preview...

Your finished page will appear here.

Preview is not current. Wait for rendering before printing.

Make it yours. Take it with you.

One editable name. Two portable formats.

Saved as my-document.md
HTML saved as my-document.htmlPDF name suggestion: my-document.pdf

Copy preview keeps browser-native formatting; pasted styles and diagrams depend on the app. Copy formatted uses diagram placeholders. HTML downloads and print keep the SVG diagrams.

Optional. Source and settings stay in this browser. Clearing removes all saved tool drafts.

Release notes: source cleanup and a finished page

Formatting makes the table source easier to read while keeping the nested list and Mermaid code intact. This before-and-after uses the same Prettier settings as Format Markdown, with embedded code formatting off.

Before formatting

# Release notes

- Ship the toolkit
  - Keep diagrams editable

|Tool|Output|
|---|---|
|Mermaid|PNG|
|JSON|Formatted source|

```mermaid
flowchart LR
    Draft --> Review --> Publish
```

After formatting

# Release notes

- Ship the toolkit
  - Keep diagrams editable

| Tool    | Output           |
| ------- | ---------------- |
| Mermaid | PNG              |
| JSON    | Formatted source |

```mermaid
flowchart LR
    Draft --> Review --> Publish
```

Representative rendered output

Release notes

  • Ship the toolkit
    • Keep diagrams editable
Release workflow diagram: Draft, then Review, then Publish
Static PNG illustration of the Mermaid block. The live document preview and HTML export use rendered SVG.

Choose the output for the job

Format / Copy Markdown
Format changes the source only when you ask. Copy Markdown copies the current source, including raw Mermaid fences; copying does not automatically format it.
Copy formatted
Copies HTML with basic inline formatting and a plain-text alternative. Mermaid diagrams become descriptive placeholders. The destination app decides which formatting to retain.
Download / Copy HTML
Creates a self-contained HTML document with rendered SVG diagrams, rather than the rich-text clipboard placeholders.
Print / Save PDF
Opens the browser print workflow for the current preview, including diagrams. Choose Save as PDF there; this is not a native PDF download service.

Keep the source. Share the finished page.

Formatting uses Prettier with embedded code formatting off. Copy Markdown and Download Markdown preserve your current source, including Mermaid fences. Nothing is auto-formatted as you type.

Copy formatted includes basic inline styles and a plain-text alternative. Clipboard apps do not reliably preserve SVG, so Mermaid diagrams become descriptive placeholders. Use Mermaid to PNG to export diagrams separately, or Download HTML for a self-contained document with SVG.

Copy preview copies the rendered page like selecting it with your mouse, preserving the formatting your browser puts on the clipboard. Paste normally into Confluence or another rich-text editor, not as plain text. Destination apps may remove colours, fonts, or SVG diagrams; export diagrams separately if needed. Copy HTML still copies the raw document code.

Preview supports up to 10 text-only Mermaid diagrams, each up to 50,000 characters. Any diagram that cannot render keeps its source and an explicit error. External images, media, scripts, authored styles, and loading URLs are blocked; HTTPS links remain clickable.

Print / Save PDF prints only the current preview. Choose Save as PDF in your browser's print dialog. Source, filename, and theme are not saved unless you opt in to Remember my work on this device.