jspdf-md-rendererMarkdown ⇢ PDF

Generate beautifully formatted PDFs directly from Markdown. Zero config, works in browser and Node.js.

Get Started

Playground

API Reference

🚀

Zero Config

Sensible defaults out of the box — just pass markdown and get a beautifully formatted PDF. No setup required.

🎨

Fully Customizable

Fine-tune every aspect — fonts, margins, spacing, colors, image alignment, table styles, and more via the options API.

🌐

Browser + Node.js

Works closely with Vite, Webpack, ESM imports, or directly via UMD script tags and CDN.

📝

Rich Support

Headings, lists, tables, images, code blocks, blockquotes, links, and inline styles.

📄

Auto Page Breaks

Content that overflows the page is automatically continued on a new page with proper cursor tracking.

🧵

Concurrency Safe

Safely render multiple PDF documents simultaneously. No shared global state means perfect isolation.

TypeScript Ready

Written in TypeScript with full type definitions. Enjoy excellent autocompletion and type-safety in your IDE.

🔗

Built on jsPDF

Integrates seamlessly with existing jsPDF workflows and plugins like jspdf-autotable.

Quick Start

bash

npm install jspdf-md-renderer

import { jsPDF } from 'jspdf'
import { MdTextRender } from 'jspdf-md-renderer'

const doc = new jsPDF()

await MdTextRender(doc, '# Hello World\n\nRendered with **jspdf-md-renderer**!', {
  cursor: { x: 10, y: 10 },
  page: { 
    maxContentWidth: 190, 
    maxContentHeight: 277, 
    lineSpace: 1.5,
    defaultLineHeightFactor: 1.2, 
    defaultFontSize: 12, 
    defaultTitleFontSize: 14,
    topmargin: 10, 
    xpading: 10, 
    xmargin: 10, 
    indent: 10 
  },
  font: { 
    bold: { name: 'helvetica', style: 'bold' },
    regular: { name: 'helvetica', style: 'normal' },
    light: { name: 'helvetica', style: 'light' } 
  },
  endCursorYHandler: (y) => console.log('Ended at Y:', y),
})

doc.save('output.pdf')

Supported Elements

Element	Syntax	Status
Headings	`# H1` to `###### H6`	✅
Paragraphs	Plain text	✅
Line Breaks	`<br>` tags	✅
Bold / Italic	`bold` / `italic`	✅
Lists	`-` unordered, `1.` ordered, nested	✅
Links	`[text](url)`	✅
Images	`![alt](url){width=200 align=center}`	✅
Tables	GFM pipe tables	✅
Code Blocks	Fenced ` ``` ` blocks	✅
Inline Code	`` `code` ``	✅
Blockquotes	`> quote`	✅
Horizontal Rules	`---`	✅