Code & data · MarkdownPDF & WordMarkdown to PDF, Word and HTML

Markdown is plain-text markup: # makes a heading, **bold** stands out, | draws a table. Write on the left and see the finished document on the right. Download it as PDF, Word or HTML — everything runs in your browser, the text goes nowhere.

The text is processed in your browser and never sent anywhere

PDFMarkdown to PDFA4 or Letter, margins, page numbersDOCXMarkdown to WordHeading styles, Word equationsAIChatGPT answer to WordNo asterisks, hashes or “Copy code”
01Editor02About the format03Questions04Related
01

Editor

hover a line — its block lights up in the preview
Layout
Markdown
Characters803
Words129
Headings4
Equations3

The draft is kept only in this browser

Preview · Letter

Quarterly report

A short document showing every basic construct: italic, code, strikethrough and a link to the tools.

What we did

  • moved the catalogue to the new template
  • added three text tools
    • case converter
    • typographer
  • fixed the CSV export1
  • collect the requirements
  • build the page

Markup has to stay readable without any software at all.

Numbers

MonthTotal, $
July12,400
August18,900
September21,300

Growth is k = \frac{S_2}{S_1}, and energy is E = mc^2.

\int_0^1 x^2\,dx = \frac{1}{3}

Code

const html = md.render(source);
document.body.innerHTML = html;

Diagram

  1. The file now opens in Excel without garbled characters. ↩
This is how the PDF will look: grey bands mark page breaks, the file sets them exactly.
620 px
Exportquarterly-report.pdf
Download as
Layout
Text
PDF
Paper
Orientation
Margins

The PDF is built in your browser and downloads as a file. Code highlighting is off: that prints better in black and white.

02

About the format

click a card — the example goes into the editor
03

Frequently asked questions

Markdown is a way to mark up plain text so that it stays readable without any software: a heading starts with a hash, a list item with a dash, important words sit between two asterisks and a table is drawn with pipes. GitHub READMEs, Obsidian notes and chatbot answers are all written this way. This editor shows the markup on the left and the finished document on the right.

Updated