イントロダクション
ソースコードなどを Web ページ上に掲載する場合、インデントや改行をそのまま表示するために pre タグを使用することが良くあります。その pre タグの内容をボタン一つで別ページで表示できると何かと便利です。
例えば、ページのデザインの制約によって、一行が長いソースコードは行の途中で折り返すように設定せざるを得ない場合であったり、pre タグの中身を装飾するようなコード(SyntaxHighlighterなど)を使用している場合には、装飾される前のコードを取得したい場合もあります。
そのような場合に使用できるよう、preの中身を別ウィンドウで表示するボタンを自動的に追加する JavaScript コードを作成してみました。