どのHTML/CSSがサポートされていますか？

基本的なHTML要素とCSSスタイルがサポートされています。複雑なレイアウト、外部スタイルシート、一部のCSS3機能は完全にレンダリングされない場合があります。

画像を含めることはできますか？

はい、ただしブラウザのセキュリティ制限により、画像はbase64エンコードされているか、同じオリジンからのものである必要があります。

どのページサイズが利用できますか？

A4、Letter、Legal、A3のページサイズが縦向きと横向きの両方でサポートされています。

データは安全ですか？

はい、すべての処理はブラウザ内で完全に行われます。データはサーバーに送信されません。

HTMLからPDF

HTMLコンテンツをPDFドキュメントに変換します。

ファイル名

ページサイズ

向き

HTMLコンテンツ

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 20px;
      line-height: 1.6;
    }
    h1 { color: #333; border-bottom: 2px solid #c96442; padding-bottom: 10px; }
    h2 { color: #555; margin-top: 20px; }
    p { color: #666; }
    .highlight { background-color: #fff3cd; padding: 10px; border-radius: 4px; }
    table { width: 100%; border-collapse: collapse; margin: 20px 0; }
    th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
    th { background-color: #f4f4f4; }
  </style>
</head>
<body>
  <h1>Sample Document</h1>
  <p>This is a sample HTML document that will be converted to PDF.</p>

<h2>Features</h2>
  <ul>
    <li>Supports basic HTML and CSS</li>
    <li>Multiple page sizes available</li>
    <li>Portrait and landscape orientations</li>
    <li>All processing done in browser</li>
  </ul>

<div class="highlight">
    <strong>Note:</strong> Complex CSS may not render perfectly. For best results, use simple styling.
  </div>

<h2>Sample Table</h2>
  <table>
    <tr><th>Feature</th><th>Supported</th></tr>
    <tr><td>Basic HTML</td><td>Yes</td></tr>
    <tr><td>Inline CSS</td><td>Yes</td></tr>
    <tr><td>Images</td><td>Yes (base64)</td></tr>
  </table>
</body>
</html>

プレビュー

HTMLをプレビューするには「表示」をクリック

使い方

エディタにHTMLコンテンツを入力または貼り付け
ファイル名、ページサイズ、向きを設定
必要に応じてコンテンツをプレビュー
「PDF生成」をクリックしてPDFを作成しダウンロード

HTMLからPDF

使い方

よくある質問

どのHTML/CSSがサポートされていますか？

画像を含めることはできますか？

どのページサイズが利用できますか？

データは安全ですか？

関連ツール

PDF結合

Markdownエディター

コード圧縮/整形