勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

HTML / CSSで作成したコンテンツをPDFファイルで出力する方法(TCPDF)

   2025/06/21  PHP CSS HTML

HTML / CSSで作成したコンテンツをPDFファイルで出力させたい。以前mpdfを用いてPDF化する方法をメモったが今回はTCPDFというライブラリを使用してみたかった。以下に対応方法をメモ。

 

TCPDFライブラリに関して

以下よりダウンロードする。

https://github.com/tecnickcom/tcpdf

尚、リファレンスについては非公式かと思われるが以下サイトが参考になった。

http://www.t-net.ne.jp/~cyfis/tcpdf/index.html

http://tcpdf.penlabo.net/

 

ソースコード

<?php
include('./TCPDF/tcpdf.php');

$tcpdf = new TCPDF();
$tcpdf->AddPage();
$tcpdf->SetFont('kozminproregular', '', 10);
$html = <<< EOF
<style>
.fcolor-red{
    color: #f00;
}
</style>
<h1>テスト</h1>
<div class="fcolor-red">赤文字</div>
<img src="./001.jpg" width="50px">
EOF;
$tcpdf->writeHTML($html);
$tcpdf->Output('test.pdf');

 

注意点

HTML / CSSで作成したコンテンツを簡単にPDF化できるもののCSSに関しては制限が多い。そのため出力されるPDFは非常にシンプルなデザインになりがちで業務で使えるかと言われると微妙なところ。

テキストは問題無く表示されるので文章メインのサイトをスクレイピングし、そのデータをPDF化させるとかなら使えるかも。

 - PHP CSS HTML

  関連記事

jQueryの通知メッセージ用ライブラリ「Toastr」の利用方法
jQueryの通知メッセージ用ライブラリ「Toastr」の利用方法

あるサイトのソースコードを拝見しているとToastrというJSファイルをCDNで ...

PHPで画像アップロード、リサイズ、形式変換(jpg->webp等)はclass.upload.phpが便利
PHPで画像アップロード、リサイズ、形式変換(jpg->webp等)はclass.upload.phpが便利

今までPHPで画像関連の処理を行う場合、リサイズの時のみsmart_resize ...

jQuery UIでカレンダーピッカー(Datepicker)の利用方法
jQuery UIでカレンダーピッカー(Datepicker)の利用方法

フォーム等で日付を入力する際にカレンダーピッカー機能を実装することがある。その際 ...

PHP Qr Codeライブラリを使用してQRコードを生成する方法
PHP Qr Codeライブラリを使用してQRコードを生成する方法

PHPでQRコードを生成したい。大分前にGoogle Chart APIを用いて ...

JavaScriptでlocalStorageを簡単に操作できる「store.js」ライブラリの利用方法
JavaScriptでlocalStorageを簡単に操作できる「store.js」ライブラリの利用方法

以前Dexie.jsを利用してIndexedDBを取り扱う方法をメモしたが、今回 ...