創作意欲とか物欲とか、そういう類のものスマートフォン用の表示で見る創作意欲とか物欲とか、そういう類のもの2019-11-15最強Markdownエディタ「Typora」で改ページを挿入するときの小技―プレビュー時は改ページ箇所を可視化したい―DIYさて、Typoraで書いたドキュメントをPDFやHTMLにエクスポートするとき、印刷時の改ページ箇所を指定したいことってありますよね?たとえばこんなとき↓www.creativity-ape.com公式のヘルプでは、こんなタグを挿入する方法が紹介されています。style="page-break-after:always"></div>しかし、これだと空のdivタグなので、カーソルを合わせたときしか改ページが入っていることが見えません。改行なのか改ページなのか見分けがつかないので、特に長文を書くときなんかけっこう不便です。そこで今回は、プレビュー時には見えて、印刷時には消える改ページの方法をご紹介しようと思います。テーマのカスタマイズ機能を活用するCSSに印刷時非表示設定を追加する印刷時非表示の改ページHTMLPDFとHTMLの出力テストまとめテーマのカスタマイズ機能を活用するやることは簡単です、TyporaはPDF出力時も印刷用スタイルが適用されるので、CSSのメディア指定で印刷時に非表示になるスタイルを作って、改ページのタグに適用します。CSSに印刷時非表示設定を追加するTyporaでカスタムCSSを追加する方法は、公式のヘルプを参照してみてください。support.typora.io共通設定にしてしまいたいので、base.user.cssに印刷時非表示のクラスno-printを追加します。hidden;を使います。印刷時非表示の改ページHTML本文の改ページしたいところに、no-printを追加したタグを書きましょう。ついでに文字色をライトグレーにして、少し主張を弱めてみました。class="no-print">─────改ページ─────</div>プレビューの見ためはこんな感じです。PDFとHTMLの出力テスト短いダミーテキストを用意して、強制的に改ページするようにしてみます。山路を登りながら、智に働けば角が立つ。2ページ情に棹させば流される。住みにくさが高じると、安い所へ引き越したくなる。3ページどこへ越しても住みにくいと悟った時、画が出来る。PDF出力ちゃんと狙ったところで改ページされて、「改ページ」の文字も非表示になっています。つぎにHTML印刷時に適用されます、こちらもうまくいきました。まとめTyporaはそのままでも素晴らしいMarkdownエディタですが、HTMLとCSSのカスタムによって、できることの幅がさらに広がりそうです。はいえ見た目のカスタマイズに凝り始めると、Markdownで書くメリットが無くなってしまうので、ここぞというところで、ほんのひと振り使うのがおススメです。それでは、今日はここまで。...さて、Cytoscape関係の4本目です。...タイトルのまんまです。Miniの激安コピー品に、クリッピングダイオードmo...こんにちは、今回も音響機材ネタです。はてなブログPro物作りやガジェットの事を書いていきます。(1)検索スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。