HTMLページ内の指定した範囲を印刷する jQuery printElement.js

可愛い後輩くんが、HTMLページ内の指定した範囲を印刷する機能の設置方法について悩んでいる。

この手の機能を実現するには、わずか数行の簡易的なスクリプトから本格的なスクリプトまでが、数多くネット上に公開されており、開発は比較的容易なことのように思える。

しかし、幅広いブラウザー（IE, Google Chrome, Firefox, Safari、それらの下位バージョン）に対応させたり、印刷する範囲の情報量（ボリューム）、そして印刷する対象（テーブル、ページャー、スクロール、複合など）が、意図しない不具合が発生する場合がある。

そんな時は、幅広い実績がある「jQuery.printElement」を利用してみるといいだろう。

有名なフレームワークのテーマなどでも使われており、古くから開発が続いているのだ。

大事なプロジェクトへの利用も安心できるだろう。


【使い方】

jQueryとjQuery.printElementを読み込み

<script type="text/javascript" src="../dist/jquery.printelement.min.js"></script>

印刷ボタンなどのクリックイベント内に処理を追加するだけで、印刷ダイアログが表示される

$( '#simplePrint' ).click( function() {
$( '#toPrint' ).printElement();
} );
} );

■jQuery.printElement
github.com/erikzaadi/jQuery.printElement