🕸️

Markdown から PDF 化する際に任意の位置で改ページする方法

2024/07/19に公開

ざっくりした設計を書き起こしたりする際に、適当に書いても体裁がある程度ととのう Markdown を活用しています。
誰かに配布する際や印刷して手元に置いておくときには Markdown PDF などの Visual Studio Code の拡張機能を使ったりする方もいらっしゃると思います。

今回は PDF 化した際に、コンテンツの途中の位置で改ページされてしまわないように任意の位置で改ページする方法を忘れないように書いておきます。

div タグを追記するだけ

改ページしたい箇所に下記のタグを追加するだけです。

<div style="page-break-before:always"></div>

もしくは

<div style="break-before:always"></div>

2024年現在は page-break-before は break-before の別名として動くみたいです。

最後に

タグというより CSS

参考

https://developer.mozilla.org/ja/docs/Web/CSS/page-break-before
https://developer.mozilla.org/ja/docs/Web/CSS/break-before
https://blog.mmmcorp.co.jp/2018/11/16/markdown-to-pdf-document/

Discussion