最強Markdownエディタ「Typora」で改ページを挿入するときの小技―プレビュー時は改ページ箇所を可視化したい― - 創作意欲とか物欲とか、そういう類のもの

最強Markdownエディタ「Typora」で改ページを挿入するときの小技―プレビュー時は改ページ箇所を可視化したい― - 創作意欲とか物欲とか、そういう類のもの

さて、Typoraで書いたドキュメントをPDFやHTMLにエクスポートするとき、印刷時の改ページ箇所を指定した...概要を表示 さて、Typoraで書いたドキュメントをPDFやHTMLにエクスポートするとき、印刷時の改ページ箇所を指定したいことってありますよね？ たとえばこんなとき↓ www.creativity-ape.com 公式のヘルプでは、こんなタグを挿入する方法が紹介されています。 <div style="page-break-after:always"></div> しかし、これだと空のdivタグなので、カーソルを合わせたときしか改ページが入っていることが見えません。改行なのか改ページなのか見分けがつかないので、特に長文を書くときなんかけっこう不便です。 そこで今回は、プレビュー時には見えて、印刷時には消える改ページの方法をご紹介しようと思います。 テーマのカスタマイズ機能を活用する CSSに印刷時非表示設定を追加する 印刷時非表示の改ページHTML PDFとHTMLの出力テスト まとめ テーマのカスタ