API Playground

Test the HTML to PDF conversion API with live examples and see the code

HTML Input

Enter or paste your HTML content

54 lines

1,522 chars

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample Document</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 40px;
            line-height: 1.6;
        }
        h1 {
            color: #2563eb;
            border-bottom: 2px solid #2563eb;
            padding-bottom: 10px;
        }
        .highlight {
            background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        .footer {
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid #ccc;
            color: #666;
            font-size: 0.9em;
        }
    </style>
</head>
<body>
    <h1>Welcome to HTML to PDF Converter</h1>
    <p>This is a sample document demonstrating the conversion capabilities.</p>

<div class="highlight">
        <h2>Key Features</h2>
        <ul>
            <li>Fast and reliable PDF generation</li>
            <li>Supports custom CSS styling</li>
            <li>Header and footer customization</li>
            <li>Multiple page formats supported</li>
        </ul>
    </div>

<h2>Getting Started</h2>
    <p>Simply paste your HTML content, configure the options, and generate your PDF instantly.</p>

<div class="footer">
        Generated with HTML to PDF Converter - &copy; 2025
    </div>
</body>
</html>

PDF Options

Configure your PDF output settings

Page Format

Orientation

Margins

Print background graphics

Generate PDF

Create your PDF with the current settings

Code Examples

Use these snippets to integrate the API

curl -X POST https://api.htmltopdf.ac/api/convert \
  -H "Content-Type: application/json" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -d '{
    "html": "<!DOCTYPE html>\n<html lang="en">\n<head>\n    <meta ...",
    "options": {
      "format": "A4",
      "orientation": "portrait",
      "margin": {
        "top": "1cm",
        "right": "1cm",
        "bottom": "1cm",
        "left": "1cm"
      },
      "printBackground": true
    }
  }' \
  --output document.pdf