OpenClaw
6290c3eb97
All checks were successful
Build & Deploy to Staging / Build & Deploy to Staging (push) Successful in 13m44s
421 lines
26 KiB
HTML
421 lines
26 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Code Examples — DocFast HTML to PDF API</title>
|
|
<meta name="description" content="Practical html to pdf api examples — generate pdf from html code, invoice pdf api, markdown to pdf, Node.js, Python, Go, PHP and Laravel integrations.">
|
|
<meta property="og:title" content="Code Examples — DocFast HTML to PDF API">
|
|
<meta property="og:description" content="Practical code examples for generating PDFs from HTML, Markdown, and more with the DocFast API.">
|
|
<meta property="og:url" content="https://docfast.dev/examples">
|
|
<meta property="og:image" content="https://docfast.dev/og-image.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="https://docfast.dev/og-image.png">
|
|
<link rel="canonical" href="https://docfast.dev/examples">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
:root {
|
|
--bg: #0b0d11; --bg2: #12151c; --fg: #e4e7ed; --muted: #7a8194;
|
|
--accent: #34d399; --accent-hover: #5eead4; --accent-glow: rgba(52,211,153,0.12);
|
|
--card: #151922; --border: #1e2433;
|
|
--radius: 12px; --radius-lg: 16px;
|
|
}
|
|
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
|
|
a { color: var(--accent); text-decoration: none; transition: color 0.2s; }
|
|
a:hover { color: var(--accent-hover); }
|
|
.container { max-width: 800px; margin: 0 auto; padding: 0 24px; }
|
|
nav { padding: 20px 0; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: var(--bg); z-index: 100; }
|
|
nav .container { display: flex; align-items: center; justify-content: space-between; }
|
|
.logo { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.5px; color: var(--fg); display: flex; align-items: center; gap: 8px; text-decoration: none; }
|
|
.logo span { color: var(--accent); }
|
|
.nav-links { display: flex; gap: 28px; align-items: center; }
|
|
.nav-links a { color: var(--muted); font-size: 0.9rem; font-weight: 500; }
|
|
.nav-links a:hover { color: var(--fg); }
|
|
.content { padding: 60px 0; min-height: 60vh; }
|
|
.content h1 { font-size: 2rem; font-weight: 800; margin-bottom: 32px; letter-spacing: -1px; }
|
|
.content h2 { font-size: 1.3rem; font-weight: 700; margin: 32px 0 16px; color: var(--fg); }
|
|
.content h3 { font-size: 1.1rem; font-weight: 600; margin: 24px 0 12px; color: var(--fg); }
|
|
.content p, .content li { color: var(--muted); margin-bottom: 12px; }
|
|
.content ul, .content ol { padding-left: 24px; }
|
|
.content strong { color: var(--fg); }
|
|
footer { padding: 32px 0; border-top: 1px solid var(--border); margin-top: 60px; }
|
|
footer .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
|
|
.footer-left { color: var(--muted); font-size: 0.85rem; }
|
|
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
|
|
.footer-links a { color: var(--muted); font-size: 0.85rem; }
|
|
.footer-links a:hover { color: var(--fg); }
|
|
@media (max-width: 768px) {
|
|
footer .container { flex-direction: column; text-align: center; }
|
|
.nav-links { gap: 16px; }
|
|
}
|
|
|
|
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
|
.skip-link { position: absolute; top: -100%; left: 16px; background: var(--accent); color: #0b0d11; padding: 8px 16px; border-radius: 0 0 8px 8px; font-weight: 600; font-size: 0.9rem; z-index: 200; transition: top 0.2s; text-decoration: none; }
|
|
.skip-link:focus { top: 0; }
|
|
</style>
|
|
<style>
|
|
.examples-hero { padding: 80px 0 40px; text-align: center; }
|
|
.examples-hero h1 { font-size: 2.5rem; font-weight: 800; letter-spacing: -1.5px; margin-bottom: 16px; }
|
|
.examples-hero p { color: var(--muted); font-size: 1.1rem; max-width: 560px; margin: 0 auto; }
|
|
.example-nav { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 48px; }
|
|
.example-nav a { background: var(--card); border: 1px solid var(--border); padding: 8px 16px; border-radius: 8px; font-size: 0.85rem; color: var(--muted); font-weight: 500; transition: all 0.2s; }
|
|
.example-nav a:hover { color: var(--fg); border-color: var(--accent); }
|
|
.example-section { margin-bottom: 64px; }
|
|
.example-section h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.5px; }
|
|
.example-section > p { color: var(--muted); margin-bottom: 20px; line-height: 1.6; }
|
|
.code-block { background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius); overflow-x: auto; margin-bottom: 24px; position: relative; }
|
|
.code-label { display: block; padding: 10px 16px 0; font-size: 0.75rem; font-weight: 600; color: var(--accent); text-transform: uppercase; letter-spacing: 0.5px; }
|
|
.code-block pre { margin: 0; padding: 16px; font-size: 0.85rem; line-height: 1.6; }
|
|
.code-block code { font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace; color: var(--fg); white-space: pre; }
|
|
.code-block .kw { color: #c792ea; }
|
|
.code-block .str { color: #c3e88d; }
|
|
.code-block .cmt { color: #546e7a; }
|
|
.code-block .fn { color: #82aaff; }
|
|
.code-block .num { color: #f78c6c; }
|
|
.code-block .tag { color: #f07178; }
|
|
.code-block .attr { color: #ffcb6b; }
|
|
@media (max-width: 768px) {
|
|
.examples-hero h1 { font-size: 1.8rem; }
|
|
.examples-hero { padding: 48px 0 24px; }
|
|
.code-block pre { font-size: 0.78rem; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
<nav aria-label="Main navigation">
|
|
<div class="container">
|
|
<a href="/" class="logo">⚡ Doc<span>Fast</span></a>
|
|
<div class="nav-links">
|
|
<a href="/#features">Features</a>
|
|
<a href="/#pricing">Pricing</a>
|
|
<a href="/docs">Docs</a>
|
|
<a href="/examples">Examples</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main id="main-content">
|
|
<div class="container">
|
|
|
|
<section class="examples-hero">
|
|
<h1>Code Examples</h1>
|
|
<p>Practical examples for generating PDFs with the DocFast API — invoices, reports, receipts, and integration guides.</p>
|
|
</section>
|
|
|
|
<nav class="example-nav" aria-label="Examples navigation">
|
|
<a href="#invoice">Invoice</a>
|
|
<a href="#markdown">Markdown</a>
|
|
<a href="#charts">Charts</a>
|
|
<a href="#receipt">Receipt</a>
|
|
<a href="#nodejs">Node.js</a>
|
|
<a href="#python">Python</a>
|
|
<a href="#go">Go</a>
|
|
<a href="#php">PHP</a>
|
|
</nav>
|
|
|
|
<!-- Invoice -->
|
|
<section id="invoice" class="example-section">
|
|
<h2>Generate an Invoice PDF</h2>
|
|
<p>Create a professional invoice with inline CSS and convert it to PDF with a single API call.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">HTML — invoice.html</span>
|
|
<pre><code><<span class="tag">html</span>>
|
|
<<span class="tag">body</span> <span class="attr">style</span>=<span class="str">"font-family: sans-serif; padding: 40px; color: #333;"</span>>
|
|
<<span class="tag">div</span> <span class="attr">style</span>=<span class="str">"display: flex; justify-content: space-between;"</span>>
|
|
<<span class="tag">div</span>>
|
|
<<span class="tag">h1</span> <span class="attr">style</span>=<span class="str">"margin: 0; color: #111;"</span>>INVOICE</<span class="tag">h1</span>>
|
|
<<span class="tag">p</span> <span class="attr">style</span>=<span class="str">"color: #666;"</span>>#INV-2026-0042</<span class="tag">p</span>>
|
|
</<span class="tag">div</span>>
|
|
<<span class="tag">div</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>
|
|
<<span class="tag">strong</span>>Acme Corp</<span class="tag">strong</span>><<span class="tag">br</span>>
|
|
123 Main St<<span class="tag">br</span>>
|
|
hello@acme.com
|
|
</<span class="tag">div</span>>
|
|
</<span class="tag">div</span>>
|
|
|
|
<<span class="tag">table</span> <span class="attr">style</span>=<span class="str">"width: 100%; border-collapse: collapse; margin-top: 40px;"</span>>
|
|
<<span class="tag">tr</span> <span class="attr">style</span>=<span class="str">"border-bottom: 2px solid #111;"</span>>
|
|
<<span class="tag">th</span> <span class="attr">style</span>=<span class="str">"text-align: left; padding: 8px 0;"</span>>Item</<span class="tag">th</span>>
|
|
<<span class="tag">th</span> <span class="attr">style</span>=<span class="str">"text-align: right; padding: 8px 0;"</span>>Qty</<span class="tag">th</span>>
|
|
<<span class="tag">th</span> <span class="attr">style</span>=<span class="str">"text-align: right; padding: 8px 0;"</span>>Price</<span class="tag">th</span>>
|
|
</<span class="tag">tr</span>>
|
|
<<span class="tag">tr</span> <span class="attr">style</span>=<span class="str">"border-bottom: 1px solid #eee;"</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"padding: 12px 0;"</span>>API Pro Plan (monthly)</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>1</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>$49.00</<span class="tag">td</span>>
|
|
</<span class="tag">tr</span>>
|
|
<<span class="tag">tr</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"padding: 12px 0;"</span>>Extra PDF renders (500)</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>500</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>$15.00</<span class="tag">td</span>>
|
|
</<span class="tag">tr</span>>
|
|
</<span class="tag">table</span>>
|
|
|
|
<<span class="tag">p</span> <span class="attr">style</span>=<span class="str">"text-align: right; font-size: 1.4em; margin-top: 24px;"</span>>
|
|
<<span class="tag">strong</span>>Total: $64.00</<span class="tag">strong</span>>
|
|
</<span class="tag">p</span>>
|
|
</<span class="tag">body</span>>
|
|
</<span class="tag">html</span>></code></pre>
|
|
</div>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">curl</span>
|
|
<pre><code>curl -X POST https://docfast.dev/v1/convert/html \
|
|
-H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
|
|
-H <span class="str">"Content-Type: application/json"</span> \
|
|
-d <span class="str">'{"html": "<html>...your invoice HTML...</html>"}'</span> \
|
|
--output invoice.pdf</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Markdown -->
|
|
<section id="markdown" class="example-section">
|
|
<h2>Convert Markdown to PDF</h2>
|
|
<p>Send Markdown content directly — DocFast renders it with clean typography and outputs a styled PDF.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">curl</span>
|
|
<pre><code>curl -X POST https://docfast.dev/v1/convert/markdown \
|
|
-H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
|
|
-H <span class="str">"Content-Type: application/json"</span> \
|
|
-d '{
|
|
<span class="str">"markdown"</span>: <span class="str">"# Project Report\n\n## Summary\n\nQ4 revenue grew **32%** year-over-year.\n\n## Key Metrics\n\n| Metric | Value |\n|--------|-------|\n| Revenue | $1.2M |\n| Users | 45,000 |\n| Uptime | 99.97% |\n\n## Next Steps\n\n1. Launch mobile SDK\n2. Expand EU infrastructure\n3. SOC 2 certification"</span>
|
|
}' \
|
|
--output report.pdf</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Charts -->
|
|
<section id="charts" class="example-section">
|
|
<h2>HTML Report with Charts</h2>
|
|
<p>Embed inline SVG charts in your HTML for data-driven reports — no JavaScript or external libraries needed.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">HTML — report with SVG bar chart</span>
|
|
<pre><code><<span class="tag">html</span>>
|
|
<<span class="tag">body</span> <span class="attr">style</span>=<span class="str">"font-family: sans-serif; padding: 40px;"</span>>
|
|
<<span class="tag">h1</span>>Quarterly Revenue</<span class="tag">h1</span>>
|
|
|
|
<<span class="tag">svg</span> <span class="attr">width</span>=<span class="str">"400"</span> <span class="attr">height</span>=<span class="str">"200"</span> <span class="attr">viewBox</span>=<span class="str">"0 0 400 200"</span>>
|
|
<span class="cmt"><!-- Bars --></span>
|
|
<<span class="tag">rect</span> <span class="attr">x</span>=<span class="str">"20"</span> <span class="attr">y</span>=<span class="str">"120"</span> <span class="attr">width</span>=<span class="str">"60"</span> <span class="attr">height</span>=<span class="str">"80"</span> <span class="attr">fill</span>=<span class="str">"#34d399"</span>/>
|
|
<<span class="tag">rect</span> <span class="attr">x</span>=<span class="str">"110"</span> <span class="attr">y</span>=<span class="str">"80"</span> <span class="attr">width</span>=<span class="str">"60"</span> <span class="attr">height</span>=<span class="str">"120"</span> <span class="attr">fill</span>=<span class="str">"#34d399"</span>/>
|
|
<<span class="tag">rect</span> <span class="attr">x</span>=<span class="str">"200"</span> <span class="attr">y</span>=<span class="str">"50"</span> <span class="attr">width</span>=<span class="str">"60"</span> <span class="attr">height</span>=<span class="str">"150"</span> <span class="attr">fill</span>=<span class="str">"#34d399"</span>/>
|
|
<<span class="tag">rect</span> <span class="attr">x</span>=<span class="str">"290"</span> <span class="attr">y</span>=<span class="str">"20"</span> <span class="attr">width</span>=<span class="str">"60"</span> <span class="attr">height</span>=<span class="str">"180"</span> <span class="attr">fill</span>=<span class="str">"#34d399"</span>/>
|
|
<span class="cmt"><!-- Labels --></span>
|
|
<<span class="tag">text</span> <span class="attr">x</span>=<span class="str">"50"</span> <span class="attr">y</span>=<span class="str">"115"</span> <span class="attr">text-anchor</span>=<span class="str">"middle"</span> <span class="attr">font-size</span>=<span class="str">"12"</span>>$80k</<span class="tag">text</span>>
|
|
<<span class="tag">text</span> <span class="attr">x</span>=<span class="str">"140"</span> <span class="attr">y</span>=<span class="str">"75"</span> <span class="attr">text-anchor</span>=<span class="str">"middle"</span> <span class="attr">font-size</span>=<span class="str">"12"</span>>$120k</<span class="tag">text</span>>
|
|
<<span class="tag">text</span> <span class="attr">x</span>=<span class="str">"230"</span> <span class="attr">y</span>=<span class="str">"45"</span> <span class="attr">text-anchor</span>=<span class="str">"middle"</span> <span class="attr">font-size</span>=<span class="str">"12"</span>>$150k</<span class="tag">text</span>>
|
|
<<span class="tag">text</span> <span class="attr">x</span>=<span class="str">"320"</span> <span class="attr">y</span>=<span class="str">"15"</span> <span class="attr">text-anchor</span>=<span class="str">"middle"</span> <span class="attr">font-size</span>=<span class="str">"12"</span>>$180k</<span class="tag">text</span>>
|
|
</<span class="tag">svg</span>>
|
|
</<span class="tag">body</span>>
|
|
</<span class="tag">html</span>></code></pre>
|
|
</div>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">curl</span>
|
|
<pre><code>curl -X POST https://docfast.dev/v1/convert/html \
|
|
-H <span class="str">"Authorization: Bearer YOUR_API_KEY"</span> \
|
|
-H <span class="str">"Content-Type: application/json"</span> \
|
|
-d @report.json \
|
|
--output chart-report.pdf</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Receipt -->
|
|
<section id="receipt" class="example-section">
|
|
<h2>Receipt / Confirmation PDF</h2>
|
|
<p>Generate a simple receipt or order confirmation — perfect for e-commerce and SaaS billing.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">HTML — receipt template</span>
|
|
<pre><code><<span class="tag">html</span>>
|
|
<<span class="tag">body</span> <span class="attr">style</span>=<span class="str">"font-family: sans-serif; max-width: 400px; margin: 0 auto; padding: 40px;"</span>>
|
|
<<span class="tag">div</span> <span class="attr">style</span>=<span class="str">"text-align: center; margin-bottom: 24px;"</span>>
|
|
<<span class="tag">h2</span> <span class="attr">style</span>=<span class="str">"margin: 0;"</span>>Payment Receipt</<span class="tag">h2</span>>
|
|
<<span class="tag">p</span> <span class="attr">style</span>=<span class="str">"color: #888;"</span>>Feb 20, 2026</<span class="tag">p</span>>
|
|
</<span class="tag">div</span>>
|
|
|
|
<<span class="tag">hr</span> <span class="attr">style</span>=<span class="str">"border: none; border-top: 1px dashed #ccc;"</span>>
|
|
|
|
<<span class="tag">p</span>><<span class="tag">strong</span>>Order:</<span class="tag">strong</span>> #ORD-98712</<span class="tag">p</span>>
|
|
<<span class="tag">p</span>><<span class="tag">strong</span>>Customer:</<span class="tag">strong</span>> jane@example.com</<span class="tag">p</span>>
|
|
|
|
<<span class="tag">table</span> <span class="attr">style</span>=<span class="str">"width: 100%; margin: 16px 0;"</span>>
|
|
<<span class="tag">tr</span>>
|
|
<<span class="tag">td</span>>Pro Plan</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>$29.00</<span class="tag">td</span>>
|
|
</<span class="tag">tr</span>>
|
|
<<span class="tag">tr</span>>
|
|
<<span class="tag">td</span>>Tax</<span class="tag">td</span>>
|
|
<<span class="tag">td</span> <span class="attr">style</span>=<span class="str">"text-align: right;"</span>>$2.90</<span class="tag">td</span>>
|
|
</<span class="tag">tr</span>>
|
|
</<span class="tag">table</span>>
|
|
|
|
<<span class="tag">hr</span> <span class="attr">style</span>=<span class="str">"border: none; border-top: 1px dashed #ccc;"</span>>
|
|
|
|
<<span class="tag">p</span> <span class="attr">style</span>=<span class="str">"text-align: right; font-size: 1.3em;"</span>>
|
|
<<span class="tag">strong</span>>Total: $31.90</<span class="tag">strong</span>>
|
|
</<span class="tag">p</span>>
|
|
<<span class="tag">p</span> <span class="attr">style</span>=<span class="str">"text-align: center; color: #34d399; margin-top: 24px;"</span>>
|
|
✓ Payment successful
|
|
</<span class="tag">p</span>>
|
|
</<span class="tag">body</span>>
|
|
</<span class="tag">html</span>></code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Node.js -->
|
|
<section id="nodejs" class="example-section">
|
|
<h2>Node.js Integration</h2>
|
|
<p>A complete Node.js script to generate a PDF and save it to disk. Works with Node 18+ using native fetch.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">JavaScript — generate-pdf.mjs</span>
|
|
<pre><code><span class="kw">const</span> html = <span class="str">`
|
|
<h1>Hello from Node.js</h1>
|
|
<p>Generated at ${</span><span class="kw">new</span> <span class="fn">Date</span>().<span class="fn">toISOString</span>()<span class="str">}</p>
|
|
`</span>;
|
|
|
|
<span class="kw">const</span> res = <span class="kw">await</span> <span class="fn">fetch</span>(<span class="str">"https://docfast.dev/v1/convert/html"</span>, {
|
|
method: <span class="str">"POST"</span>,
|
|
headers: {
|
|
<span class="str">"Authorization"</span>: <span class="str">`Bearer ${process.env.DOCFAST_API_KEY}`</span>,
|
|
<span class="str">"Content-Type"</span>: <span class="str">"application/json"</span>,
|
|
},
|
|
body: <span class="fn">JSON.stringify</span>({ html }),
|
|
});
|
|
|
|
<span class="kw">if</span> (!res.ok) <span class="kw">throw new</span> <span class="fn">Error</span>(<span class="str">`API error: ${res.status}`</span>);
|
|
|
|
<span class="kw">const</span> buffer = Buffer.<span class="fn">from</span>(<span class="kw">await</span> res.<span class="fn">arrayBuffer</span>());
|
|
<span class="kw">await</span> <span class="kw">import</span>(<span class="str">"fs"</span>).then(<span class="fn">fs</span> =>
|
|
fs.<span class="fn">writeFileSync</span>(<span class="str">"output.pdf"</span>, buffer)
|
|
);
|
|
|
|
console.<span class="fn">log</span>(<span class="str">"✓ Saved output.pdf"</span>);</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Python -->
|
|
<section id="python" class="example-section">
|
|
<h2>Python Integration</h2>
|
|
<p>Generate a PDF from Python using the <code>requests</code> library. Drop this into any Flask, Django, or FastAPI app.</p>
|
|
|
|
<div class="code-block">
|
|
<span class="code-label">Python — generate_pdf.py</span>
|
|
<pre><code><span class="kw">import</span> os
|
|
<span class="kw">import</span> requests
|
|
|
|
html = <span class="str">"""
|
|
<h1>Hello from Python</h1>
|
|
<p>This PDF was generated via the DocFast API.</p>
|
|
<ul>
|
|
<li>Fast rendering</li>
|
|
<li>Pixel-perfect output</li>
|
|
<li>Simple REST API</li>
|
|
</ul>
|
|
"""</span>
|
|
|
|
response = requests.<span class="fn">post</span>(
|
|
<span class="str">"https://docfast.dev/v1/convert/html"</span>,
|
|
headers={
|
|
<span class="str">"Authorization"</span>: <span class="str">f"Bearer {</span>os.environ[<span class="str">'DOCFAST_API_KEY'</span>]<span class="str">}"</span>,
|
|
<span class="str">"Content-Type"</span>: <span class="str">"application/json"</span>,
|
|
},
|
|
json={<span class="str">"html"</span>: html},
|
|
)
|
|
|
|
response.<span class="fn">raise_for_status</span>()
|
|
|
|
<span class="kw">with</span> <span class="fn">open</span>(<span class="str">"output.pdf"</span>, <span class="str">"wb"</span>) <span class="kw">as</span> f:
|
|
f.<span class="fn">write</span>(response.content)
|
|
|
|
<span class="fn">print</span>(<span class="str">"✓ Saved output.pdf"</span>)</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Go -->
|
|
<section id="go" class="example-section">
|
|
<h2>Go Integration</h2>
|
|
<p><strong>SDK coming soon.</strong> In the meantime, use the HTTP example below — it works with any HTTP client.</p>
|
|
<div class="code-block">
|
|
<span class="code-label">Go — Using the SDK</span>
|
|
<pre><code><span class="kw">package</span> main
|
|
|
|
<span class="kw">import</span> (
|
|
<span class="str">"os"</span>
|
|
docfast <span class="str">"github.com/docfast/docfast-go"</span>
|
|
)
|
|
|
|
<span class="kw">func</span> main() {
|
|
client := docfast.New(<span class="str">"df_pro_your_api_key"</span>)
|
|
|
|
pdf, err := client.HTML(<span class="str">"<h1>Hello</h1><p>Generated with DocFast</p>"</span>, &docfast.PDFOptions{
|
|
Format: <span class="str">"A4"</span>,
|
|
Margin: &docfast.Margin{Top: <span class="str">"20mm"</span>, Bottom: <span class="str">"20mm"</span>},
|
|
})
|
|
<span class="kw">if</span> err != <span class="kw">nil</span> {
|
|
panic(err)
|
|
}
|
|
os.WriteFile(<span class="str">"output.pdf"</span>, pdf, <span class="num">0644</span>)
|
|
}</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PHP -->
|
|
<section id="php" class="example-section">
|
|
<h2>PHP Integration</h2>
|
|
<p><strong>SDK coming soon.</strong> In the meantime, use the HTTP example below — it works with any HTTP client.</p>
|
|
<div class="code-block">
|
|
<span class="code-label">PHP — Using the SDK</span>
|
|
<pre><code><span class="kw">use</span> DocFast\Client;
|
|
<span class="kw">use</span> DocFast\PdfOptions;
|
|
|
|
$client = <span class="kw">new</span> Client(<span class="str">'df_pro_your_api_key'</span>);
|
|
|
|
$options = <span class="kw">new</span> PdfOptions();
|
|
$options->format = <span class="str">'A4'</span>;
|
|
$options->margin = [<span class="str">'top'</span> => <span class="str">'20mm'</span>, <span class="str">'bottom'</span> => <span class="str">'20mm'</span>];
|
|
|
|
$pdf = $client->html(<span class="str">'<h1>Hello</h1><p>Generated with DocFast</p>'</span>, <span class="kw">null</span>, $options);
|
|
file_put_contents(<span class="str">'output.pdf'</span>, $pdf);</code></pre>
|
|
</div>
|
|
<div class="code-block">
|
|
<span class="code-label">Laravel — Using the Facade</span>
|
|
<pre><code><span class="kw">use</span> DocFast\Laravel\Facades\DocFast;
|
|
|
|
<span class="cmt">// In your controller</span>
|
|
$pdf = DocFast::html(view(<span class="str">'invoice'</span>)->render());
|
|
<span class="kw">return</span> response($pdf)
|
|
->header(<span class="str">'Content-Type'</span>, <span class="str">'application/pdf'</span>);</code></pre>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
<footer aria-label="Footer">
|
|
<div class="container">
|
|
<div class="footer-left">© 2026 DocFast. Fast PDF generation for developers.</div>
|
|
<div class="footer-links">
|
|
<a href="/">Home</a>
|
|
<a href="/docs">Docs</a>
|
|
<a href="/examples">Examples</a>
|
|
<a href="/status">API Status</a>
|
|
<a href="mailto:support@docfast.dev">Support</a>
|
|
<a href="/#change-email" class="open-email-change">Change Email</a>
|
|
<a href="/impressum">Impressum</a>
|
|
<a href="/privacy">Privacy Policy</a>
|
|
<a href="/terms">Terms of Service</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|