スポンサーサイト

--/--/-- スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

スポンサードリンク

【解決】CubePDFなどでHTML→PDF化した時、背景やハイパーリンクが消える

2011/05/18 スクラップ・アーカイブ

仮想プリンタドライバでPDF化したら

CubePDFのように、仮想プリンタドライバ形式のPDF変換ソフトを使えば簡単に見ているウェブページをスクラップ出来るので便利だが、元文書にあったはずのハイパーリンクが無効になったり、背景画像や背景色が消えたりする。これはPrimo PDF、PDFCreatorなど仮想プリンタソフト共通の問題。ということで以上の解消方法をご紹介。

HTML→PDF変換で背景を表示する方法

実は仮想プリンタドライバ形式のPDF変換ソフトでPDF化した時に背景を表示するには、PDF変換ソフトの設定ではなく、ブラウザ側で設定する。

■ IEで背景を印刷(表示)する方法

メニューバー「印刷」→「ページ設定」→「背景の色とイメージを印刷する」にチェック

■ Firefoxで背景を印刷(表示)する方法

メニューバー「印刷」→「ページ設定」→「背景色と背景画像も印刷」にチェック

HTML→PDF変換でハイパーリンクをPDFに埋め込む方法

これもPDF変換ソフト側の問題ではなくブラウザ側の処理の問題。本来プリンターの印刷物にリンク情報は渡されないので(CSS設定で表示可能)、おそらく現状の仮想プリンタドライバ形式のPDF変換ソフトではハイパーリンクのデータを含んだPDF化はできない。

方法1)オンラインのPDF変換ツールを使う

ウェブページのURLを入力するとPDFに変換してくれる無料サービスがあるので、それを使えばリンク情報を保持したまま、PDF化することが可能。


上のサイトで変換すれば基本的にデザインもきちんと保持してくれるが、変換ページによっては上手くいかないサイトもあった。


方法2)CSSでリンク先のアドレスを表示させてから印刷する

CSSでリンクアドレスを表示させる方法。応急処置レベルの対策。

a:link:after, a:visited:after {
content:" ("attr(href)")";
}

■IEの場合
ツール→インターネットオプション→ユーザー補助→「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れ→「参照」で適用するCSSファイルを選択する

■Firefoxの場合
プロファイルフォルダ直下のchromeフォルダ以下のchromeフォルダ以下に、スタイルシートの書き方に添った形で書いたファイルをuserContent.cssと名前を付けて保存する(こちらで詳しく紹介されてます

スポンサードリンク

-1コメント

  • 2
  • 2011-06-14(10:29)

HTMLをpdf化できるフリーのソフトウェアがあることを知り早速試してみましたが、背景色がなくラインが表示されるという現象に遭遇し検索しました。こちらのサイトであっさり問題は解決したので、大変嬉しくお礼を申し上げます。ありがとうございました!
非公開コメント(
トラックバック :

スポンサーリンク

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。