getting_started

Welcome to MarkdownToPrettyPDF

A modern markdown editor with live preview, 25+ diagram types, math equations, and PDF export.

Tip

Edit this markdown to see the live preview update in real-time. Use Ctrl+S / Cmd+S to save.

Features

Live Preview — rendered output as you type
Syntax Highlighting — 190+ languages
Diagrams — Mermaid, PlantUML, Graphviz, D2, Chart.js & more
Math — KaTeX inline & block equations
Share — generate shareable links instantly
Export — download as HTML or PDF

Mermaid Diagrams

Flowchart

Sequence Diagram

Entity Relationship Diagram

State Diagram

Gantt Chart

Pie Chart

Git Graph

Class Diagram

PlantUML (Kroki)

Graphviz / DOT (Kroki)

D2 Diagram (Kroki)

Nomnoml (Kroki)

Ditaa (Kroki)

SVG Bob (Kroki)

BlockDiag (Kroki)

WaveDrom (Kroki)

Pikchr (Kroki)

Chart.js

Line Chart

Chart

Doughnut Chart

Chart

Bar Chart

Chart

KaTeX / Math Equations

Inline Math

Einstein’s famous equation $E = mc^2$ changed physics forever. The quadratic formula $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ solves any second-degree polynomial.

Block Equations

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

\mathbf{F} = m\mathbf{a} = m\frac{d^2\mathbf{r}}{dt^2}

Maxwell’s Equations

\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\[6pt] \nabla \cdot \mathbf{B} &= 0 \\[6pt] \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\[6pt] \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned}

Matrix Operations

\begin{bmatrix} a_{11} & a_{12} & a_{13} \\ a_{21} & a_{22} & a_{23} \\ a_{31} & a_{32} & a_{33} \end{bmatrix} \begin{bmatrix} x \\ y \\ z \end{bmatrix} = \begin{bmatrix} b_1 \\ b_2 \\ b_3 \end{bmatrix}

Softmax Function

\sigma(z_i) = \frac{e^{z_i}}{\displaystyle\sum_{j=1}^{K} e^{z_j}} \quad \text{for } i = 1, \ldots, K

Vega-Lite Chart (Kroki)

Excalidraw (Kroki)

ERD — Entity Relationship (Kroki)

C4 Architecture (Kroki)

SeqDiag (Kroki)

ActDiag (Kroki)

NwDiag — Network (Kroki)

PacketDiag — Packet Structure (Kroki)

RackDiag — Server Rack (Kroki)

Tables

Feature	Status	Priority
User Auth	✅ Done	High
Dashboard	✅ Done	High
Search	🔄 WIP	Medium
Notifications	📋 TODO	Low
Dark Mode	✅ Done	Medium

Criteria	PostgreSQL	MongoDB	Redis
Type	Relational	Document	Key-Value
ACID	Full	Per-document	Partial
Scale	Vertical	Horizontal	In-memory
Best For	Complex queries	Flexible schema	Caching

Code Blocks

TypeScript

typescript

interface User {
  id: string;
  email: string;
  name: string;
  role: 'admin' | 'user' | 'moderator';
}

async function findUserByEmail(email: string): Promise<User | null> {
  const cached = await redis.get(\`user:\${email}\`);
  if (cached) return JSON.parse(cached);

  const user = await db.query<User>(
    'SELECT * FROM users WHERE email = $1',
    [email]
  );
  if (user) {
    await redis.setex(\`user:\${email}\`, 300, JSON.stringify(user));
  }
  return user;
}

Python

python

from dataclasses import dataclass
from typing import Optional

@dataclass
class PipelineResult:
    stage: str
    success: bool
    duration_ms: float
    output: Optional[str] = None

async def run_pipeline(stages: list[str]) -> list[PipelineResult]:
    results = []
    for stage in stages:
        try:
            output = await execute_stage(stage)
            results.append(PipelineResult(stage, True, 0, output))
        except Exception as e:
            results.append(PipelineResult(stage, False, 0, str(e)))
            break
    return results

Admonitions

Note

This is a note admonition providing additional context.

Tip

Use Ctrl+S / Cmd+S to save, and the share button to generate a link.

Task Lists

MarkdownToPrettyPDF — Edit, preview, and export beautiful documents.