Markdown PDF の改ページを自分で決める方法｜ドラッグで直感的に調整

Markdown PDF の改ページを自由に制御する4つの方法を解説。プレビューでのドラッグ・クリックON/OFF・高精度自動改ページ・レイアウトルール設定まで。Markdownファイルを編集せずにページ区切りを整えられます。

Markdown PDF の改ページが「ズレる」問題

Markdown で書いた仕様書や報告書を PDF に変換したとき、こんな経験はないでしょうか。

  • 見出しが前のページの最後の行に残ってしまう
  • 表の途中でページが切れてしまう
  • 重要なセクションが読みにくい位置で分割される

多くの変換ツールは改ページの制御が難しく、「なんとなくそこで切れてしまう」状態になりがちです。Markdown Document Converter では、改ページの位置を自分で決められるのが大きな強みです。

そもそも Markdown に「ページ」は書けない

Markdown は流れのテキストであり、「ここで改ページ」という記法はありません。ページという概念は HTML に変換したあと、CSS の印刷用プロパティや、次に述べるプレビュー／レイアウト上の操作で初めて扱えます。一般的な記事では <div style="page-break-after: always;"> などを Markdown に直書きする例もありますが、原稿の可読性が下がり、レイアウトを変えるたびにソースを触る負担が大きくなります。

参考：CSS @media print で改ページする場合（一般論）

自前の HTML/CSS で制御するときは、印刷用スタイルで次のような指定がよく使われます。ブラウザや PDF エンジンによって解釈はわずかに異なるため、必ず印刷プレビューで確認してください。

@media print {
  h1 {
    break-before: page;
  }
  table, pre {
    break-inside: avoid;
  }
}

「PDF に保存」では HTML/CSS に加え、余白・用紙サイズ・向き・縮小などの印刷設定も改ページ位置に影響します。改ページは CSS だけでなく、印刷ダイアログとセットで決まると捉えるとトラブルが減ります。

用紙・向き・表紙・目次を変えたあとは再確認

ブラウザの印刷ダイアログで A4 / Letter や縦横を変えると、同じ改ページ位置でもページ送りの見え方が変わります。表紙や目次を付けるワークフローでは、本文の改ページと表紙まわりが重ならないよう、プレビューで最初から最後まで通し読みしてください。見出しの「前に改ページ」ルールが表紙直後の本文見出しにも効き、空白ページが出ることがあります。図表を横向きだけ差し込むような特殊レイアウトでは、向きが変わる前後で改ページ位置を再度確認すると安全です。

改ページを制御する 4 つの方法

1. プレビューでドラッグして調整する

プレビュータブに表示される改ページ線をドラッグするだけで、改ページの挿入位置をブロック単位で移動できます。「この見出しの前でページを変えたい」「この段落はまとめて次ページに送りたい」といった調整を、Markdown ソースを一切編集せずに実現できます。

直感的な操作で何度でも試せるため、仕様書や提案書のような「見た目の整ったPDF」を作りたいときに特に便利です。

プレビュー画面で改ページ線をドラッグして位置を調整する様子

図: プレビューの改ページ線をドラッグするだけでページ区切りを変更できます。

2. ブロックをクリックして改ページをON/OFF

各コンテンツブロックをクリックすると、その直前に改ページを入れる／消すをワンクリックで切り替えられます。ドラッグは「位置を動かす」用途、クリックは「この場所に加える／取り除く」用途と使い分けると効率的です。

3. 高精度で改ページ（自動計測）

「高精度で改ページ」ボタンを使うと、レンダリング後のブロックの高さを実際に計測して、ページに収まる限界を超える直前に自動で改ページを挿入します。大量のコンテンツでも素早く下地を作れ、そこからドラッグで微調整するという流れが効率的です。

4. レイアウト設定でルールベースの改ページ

「レイアウト設定 → 印刷・ページの切れ目」では、次のようなルールをワンクリックで設定できます。

設定効果
h1 の前で改ページ大見出しが常に新しいページから始まる
h2 の前で改ページ中見出しが常に新しいページから始まる
表の途中で改ページしない表がページをまたいで分割されない
コードブロックの途中で改ページしないコードが途中で切れない

ドキュメント全体のルールはここで設定し、個別の微調整はドラッグで行うという組み合わせが効果的です。

Markdown ソースに手を加えずに済む

一般的に「Markdown で改ページを制御したい」と調べると、<div style="page-break-after: always;"></div> のような HTML を直接 Markdown に埋め込む方法が紹介されています。

しかしこの方法には課題があります。

  • Markdown の可読性が下がる
  • ページのレイアウトが変わるたびに Markdown を書き直す必要がある
  • Git で管理しているドキュメントに「見た目のための記述」が混入する

Markdown Document Converter では、改ページの指示はすべてプレビューとレイアウト設定で行い、Markdown ファイル本体には変更を加えません。ソースはクリーンなまま、PDF の見た目だけを調整できます。

プライバシー：ファイルはサーバーに送信されない

変換・プレビュー・PDF 生成はすべてブラウザ内で完結します。社内の仕様書、機密情報を含む報告書なども、安心して使用できます。

こんな方におすすめ

  • 仕様書・設計書を PDF で配布したいエンジニア
  • 提案書・報告書をきれいなレイアウトで出力したいビジネスパーソン
  • 議事録・マニュアルをPDF化する担当者
  • Markdown を常用していて、「HTML タグなしで改ページを制御したい」と思っている方

使い方の流れ

  1. Markdown を PDF に（md to pdf） を開く
  2. .md ファイルをドロップ、またはテキストを貼り付ける
  3. プレビュータブで全体のレイアウトを確認する
  4. 必要に応じて レイアウト設定 で改ページルールを設定する
  5. 高精度で改ページで自動改ページを挿入する
  6. 改ページ線をドラッグして細かく位置を調整する
  7. **「PDF で保存」**で印刷ダイアログを開き、「PDF に保存」を選択する
PDF ツールを開く

関連記事