TCPDFでサポートされているHTMLタグ、CSSプロパティ

戻る

カテゴリー

HTML 　CSS

投稿日時

2018-03-07 18:08:47

以前、[この記事](http://yk0807.com/larablog/posts/17)でTCPDFというPDF出力ライブラリを紹介しましたが、サポートされているHTMLタグやCSSプロパティの関係で、思った通りに出力されないことがしばしばあります。今回はそのあたりをさらっと紹介したいと思います。まず、サポートしているHTMLタグ一覧。[こちら](http://tcpdf.penlabo.net/method/w/writeHTML.html)によると、こんな感じだそうです。 **a, b, blockquote, br, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, li, ol, p, pre, small, span, strong, sub, sup, table, tcpdf, td, th, thead, tr, tt, u, ul** tcpdfタグはどんなときに使うのかとか、fontタグなどHTML5になって消えたはずのタグがあったりとかツッコミどころはあるのですが、buttonとかinputとかのフォーム関連がサポートされてないのはPDF出力なのでまあいいとして、通常よく使うのでサポートされていないのはcaptionタグとかlabelタグとか、そのあたりですかね。問題はサポートしているCSSプロパティ。[こちら](https://stackoverflow.com/questions/11395171/why-does-tcpdf-ignore-my-inline-css)によるとこんな感じだそうです。 **font-family, font-size, font-weight, font-style, color, background-color, text-decoration, width, height, text-align** margin, padding, position, vertical-alignなど、ないと困るものがごっそり抜けています（汗）なので、改行やスペースをうまく使って位置合わせをする必要があります（スペースも普通に打つと消えてしますので、＆nbsp;(そのまま書くとブログに表示されないので、&を大文字にしています)を使います）。ただ、[こちら](http://nusoft.jp/blog/blog/2016/04/11/tcpdf-%E3%81%AE-writehtml-%E3%81%A7-background-image/)によると、例外としてtableタグの中でだけpaddingが効くようです。なので、tableを使っているときはtableタグからpaddingを使って位置合わせすることを考えてみるのもいいでしょう。

まだコメントはありません

新規コメント

カテゴリー
PHP (5)
JavaScript (5)
HTML (1)
CSS (2)
MySQL (2)
インフラ (2)
Laravel (9)
プログラミング学習 (1)
jQuery (1)
正規表現 (1)
Vue.js (3)
このブログについて (1)
Docker (1)
Linux (0)
セキュリティ (1)

最新の投稿
* ログインしていないときにURL直打ちでファイルにアクセスできなくする
* MySQLで文字列を好きな順番でソートしたいとき
* SplFileObjectでのCSVファイル読み込みでの文字化け対策
* Laravelのページネーション
* TCPDFでサポートされているHTMLタグ、CSSプロパティ