Markdown PDF変換

使い方

1. 左側にMarkdownを入力・貼り付けるか、「ファイルを開く」で.mdファイルを読み込みます。右側に整形結果がすぐ表示されます。書き方がわからない場合は「サンプル」を押してください。
2. ```mermaid で始まるコードブロックを書くと、フローチャートやシーケンス図などがプレビューにそのまま描かれます。
3. 「PDFを出力」を押すと印刷画面が開きます。「送信先」で「PDFに保存」を選んで保存してください。

使用例

1行目が「# **週次** レポート 2026/10」の場合、「PDFを出力」を押すと印刷画面の初期ファイル名は「週次 レポート 2026 10」になります。太字の記号は外され、ファイル名に使えないスラッシュは空白になります。H1がない場合は最初の見出しを使い、「## 会議メモ：Q3?」だけなら「会議メモ：Q3」です。見出しがまったくない場合は「文書」になります。

<img src="logo.png" onerror="alert(1)">、[クリック](javascript:alert(1))、<script>を貼り付けると、サニタイズ後に残るのは <img src="logo.png"> とリンク先のない「クリック」という文字だけです。<script>は丸ごと削除され、プレビューで何も実行されません。

タスクリスト「- [x] 完了」「- [ ] 未着手」は、チェック済みと未チェックの2つのチェックボックス（クリック不可）になり、PDFにもそのまま出力されます。また「1行目」のすぐ次の行に「2行目」と書いても同じ段落になります（GitHubと同じ）。段落を分けるには空行を入れてください。

結果の見方

• 右側のプレビューがそのままPDFの内容です。印刷されるのはプレビュー部分だけで、サイトのヘッダー・ボタン・編集欄は含まれません。ダークモードではプレビューが暗い配色になりますが、PDFは常に白地に濃い文字です。
• 図の位置に赤いエラー枠が出た場合は、そのMermaidの構文に誤りがあります。枠内にエラーメッセージと元のコードが表示され、修正すると自動で描き直されます。エラー枠も印刷されるので、出力前に確認してください。
• 印刷画面で「背景のグラフィック」をオンにすると、表の見出し行やコード部分の薄い背景色も印刷されます。「ヘッダーとフッター」をオンにすると各ページにURL・日付・ページ番号が入ります。
• 表・コード・図・引用はできるだけページをまたがないようにし、見出しだけがページ末尾に残らないようにしています。ただし1ページより長いブロックは分割されます。

仕組みと計算方法

• 変換：markedでGitHub Flavored Markdown（GFM）の仕様に沿ってMarkdownをHTMLに変換します。表・取り消し線・タスクリスト・自動リンクに対応し、1回の改行では改行されません。
• 安全性：変換したHTMLは必ずDOMPurifyでサニタイズしてからページに入れます。<script>、onerrorなどのイベント属性、javascript:リンク、iframeを削除し、さらに<style>とフォーム部品も禁止して、貼り付けた内容がプログラムを実行したりページを崩したりしないようにしています。
• 図：内容に ```mermaid ブロックがあるときだけMermaidのプログラム（サイズが大きめ）を読み込み、2回目以降は再利用します。strictのセキュリティレベルでSVGとして描画し、描いた図はキャッシュするので入力中にほかの図を描き直しません。
• 出力：「PDFを出力」はブラウザの印刷機能を使います。印刷用スタイル（@media print）でプレビュー部分だけを残し、A4用紙・上下16 mm・左右15 mmの余白・明るい配色で出力します。初期ファイル名は文書の最初のH1から付けます。

注意点と制限

• PDFはブラウザの印刷機能で作るため、改ページ位置・フォント・ヘッダーとフッターはブラウザによって異なります。スマホでは印刷または共有メニューからPDFとして保存します（手順は機種やOSによります）。
• 数式（LaTeX）、脚注、目次の自動生成、コードの色分けには対応していません。見出しはPDFのしおりにはなりません。
• 画像はURL（https://…）でのみ指定でき、パソコン内のファイルパスは読み込めません。ネット上の画像は接続していないと表示されません。
• Mermaidのプログラムを一度も読み込んでいない場合、オフラインでも通常のMarkdownは変換できますが、図は読み込めないと表示されます。

よくある質問

💬 答えが見つかりませんか？このツールの不具合の報告やご要望はこちら