css 印刷のために

なんとかPHP側でPDF作成とかじゃなくてhtml&cssで楽したい。

そんな時のcss設定とか。

まず、対象レイアウトに印刷用css作っていきます。

cssの中で@media print とかやっておくと、印刷の時だけ適用されるので、css作ってる間は

その指定外しておいたほうが楽ね。

出来上がったら、htmlのheadでそのcssをmedia=”print”の指定付きで読み込む。

後はhtml内に印刷ボタン配置して印刷ボタン押したらbody要素のクラスに”print”を付与

javascriptで印刷→setTimeoutなんかで1秒後にbodyに付与したprintクラスを今度は

消してやれば、元通り!って寸法です。

ページ番号とかリンク?とか印刷日付とかはブラウザの仕様らしいので我慢。

それが嫌ならPDFで一から作ってください。難易度の落差が凄いな。