md2pdf Sample Document

A web service that converts Markdown to A4 PDF.

Line Break Test

First line.
Second line. (Line break with a single enter)
Third line.

You can also separate paragraphs with a blank line.

Key Features

• Real-time Preview: Markdown is instantly rendered as an A4 page
• Page Settings: Freely configure margins, headers, and footers
• PDF Export: Generates identical PDFs to the preview
• Multi-page Support: Long documents are automatically split across multiple pages

Supported Features

Table

Item	Description	Status
Markdown Parsing	GFM Support	✅
Math Rendering	KaTeX Support	✅
Code Highlighting	Prism.js	✅
Multi-page	Auto Page Split	✅

 

Math

Inline math: $E = mc^2$

Block math:

$\int_0^\infty x^2 dx$

Code Block

function hello() {
  console.log("Hello, md2pdf!");
}

Diagram (Mermaid)

Korean Support

Korean text is rendered with the Noto Sans KR font, and proper line breaking rules are applied.

 
 

Page 2 - Additional Content

Basic Markdown Syntax

Headings

You can create headings using #:

• # H1 - Largest heading
• ## H2 - Medium heading
• ### H3 - Small heading

Emphasis

• Bold: **text** or __text__
• Italic: *text* or _text_
• Strikethrough: ~~text~~

Lists

Unordered list:

• Item 1
• Item 2
  • Sub-item 2.1
  • Sub-item 2.2

Ordered list:

1. First
2. Second
3. Third

 
 
 
 

Links and Images

Link text

Page 3 - Advanced Features

Task List

• Project setup
• Markdown parser implementation
• PDF export feature
• Write tests
• Deploy

Blockquote

This is a blockquote.
You can write multiple lines.

Horizontal Rule

There's a horizontal rule above (---)

Complex Table

Feature	Description	Priority	Status	Owner
Editor	Markdown editor	High	✅ Done	Dev Team
Preview	Real-time rendering	High	✅ Done	Dev Team
PDF Export	Using Puppeteer	Medium	✅ Done	Backend Team

Long Code Block

interface PageSettings {
  pageSize: 'A4' | 'Letter' | 'Legal';
  orientation: 'portrait' | 'landscape';
  margins: {
    top: number;
    bottom: number;
    left: number;
    right: number;
  };
  header: {
    enabled: boolean;
    content: string;
    fontSize: number;
    alignment: 'left' | 'center' | 'right';
  };
  footer: {
    enabled: boolean;
    content: string;
    fontSize: number;
  };
}

 

Page 4 - How to Use

1. Write Markdown

Enter Markdown in the left editor. Changes are immediately reflected in the right preview.

2. Page Settings

You can adjust the following in the right settings panel:

• Page Size: Choose from A4, Letter, or Legal
• Margins: Adjust top, bottom, left, and right margins (5-50mm)
• Header: Content to display at the top of the page
• Footer: Content to display at the bottom of the page (auto page number insertion available)

3. Export to PDF

Click the "Export to PDF" button at the top to download a PDF identical to the current preview.

Tips

• Preview is updated smoothly while typing with 200ms debouncing applied
• For page numbers use {pageNumber}, for total pages use {totalPages}
• Korean text is automatically rendered with the Noto Sans KR font