HTML zu PDF

HTML-Code in ein PDF-Dokument umwandeln

HTML-Editor

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: Arial, sans-serif; padding: 40px; color: #333; }
  h1 { color: #6366f1; border-bottom: 2px solid #e5e7eb; padding-bottom: 8px; }
  p { line-height: 1.6; }
  table { width: 100%; border-collapse: collapse; margin: 20px 0; }
  th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
  th { background: #f3f4f6; }
  .highlight { background: #fef3c7; padding: 16px; border-left: 4px solid #f59e0b; }
</style>
</head>
<body>
<h1>Beispieldokument</h1>
<p>Dieses HTML wird in ein PDF umgewandelt. Du kannst <strong>fetten Text</strong>, <em>Kursivschrift</em>, Tabellen und mehr verwenden.</p>

<div class="highlight">
  <strong>Tipp:</strong> Verwende Inline-Styles für die besten Ergebnisse bei der Umwandlung in PDF.
</div>

<h2>Tabellenbeispiel</h2>
<table>
  <tr><th>Artikel</th><th>Menge</th><th>Preis</th></tr>
  <tr><td>Widget A</td><td>5</td><td>$10.00</td></tr>
  <tr><td>Widget B</td><td>3</td><td>$15.50</td></tr>
  <tr><td>Widget C</td><td>2</td><td>$22.75</td></tr>
</table>

<p>Bearbeite dieses HTML oder füge dein eigenes ein, um es umzuwandeln!</p>
</body>
</html>