web-dev-qa-db-ja.com

TCPDFがすべてのCSSプロパティをレンダリングしない

PDF CSSとHTMLを作成しようとしましたが、私のCSSがPDFに表示されません。考慮されるのは、font-sizeとfont-colorだけです。

私はあなたにコードを与えます（ごめん、それは少し長いです...）

$config = sfTCPDFPluginConfigHandler::loadConfig('my_config');

    $doc_title    = "Fiche Logement";

    $html = <<<EOF
<style>
        .informations {
            padding: 10px;
            margin: 10px;
            border: 1px dotted black;}
        .informations table {
            margin-top: 10px;}
        #modif {
            margin: 20px;
            text-align: left;
            float: right;}
        #modif th {
            padding-left: 10px;}
        #modif td {
            padding-left: 10px;}
        #adresse {
            width: 307px;
            float: left;}
        #reservataire {
            width: 307px;
            float: right;}
        #intergen {
            width: 307px;
            float: right;}
        #infos {
            width: 290px;
            float: left;}
        #handicap {
            padding-bottom: 12px;
            width: 324px;
            float: right;}
        #charges {
            margin-bottom: 20px;
            width: 307px;
            float: left;}
        #loyer {
            width: 307px;
            float: right;}
        #commentaires {
            clear: both;}
        h2 {
            font-variant: small-caps;
            text-align: center;
            font-size: 19px;
            font-weight: bold;
            padding: 0px 0px 2px 5px;
            margin: 15px 0px 20px 0px;
            color: #000000;
            border-top: 1px dotted black;
            border-bottom: 1px dotted black;}

        h3 {
            width: 250px;
            font-variant: small-caps;
            font-size: 15px;
            font-weight: bold;
            padding: 0px 0px 0px 5px;
            margin: 0px;
            color: #225D6D;
            border-top: 1px dotted black;
            border-bottom: 1px dotted black;}
</style>


            <div id='intergen' class='informations'>
                <h3>Intergénérationnel</h3>
                <table>
                    <tr>
                        <th>Intergénérationnel :</th> <td><?php echo \$logement->getIntergen() ?></td>
                    </tr>
                </table>
            </div>

            <div id='infos' class='informations'>
                <h3>Informations logement</h3>
                <table>
                    <tr>
                        <th>Bâtiment :</th> <td><?php echo \$logement->Parclogement->getBatiment() ?></td>
                    </tr>
                    <tr>
                        <th>Taille :</th> <td><?php echo \$logement->getTaille() ?></td>
                    </tr>
                    <tr>
                        <th>Type :</th> <td><?php echo \$logement->getTypelog() ?></td>
                    </tr>
                    <tr>
                        <th>Surface habitable :</th> <td><?php if(\$logement->getSurfacehab() == 0){ echo 'Non Spécifié';} else {echo \$logement->getSurfacehab(). " m²";} ?></td>
                    </tr>
                    <tr>
                        <th>Chauffage :</th> <td><?php echo \$logement->getChauffage() ?></td>
                    </tr>
                    <tr>
                        <th>Ascenseur :</th> <td><?php echo \$logement->getAscenseur() ?></td>
                    </tr>
                </table>
            </div>

            <div id='handicap' class='informations'>
                <h3>Infrastructures handicapés</h3>
                <table>
                    <tr>
                        <th>Immeuble accessible :</th> <td><?php echo \$logement->getAccessibl() ?></td>
                    </tr>
                    <tr>
                        <th>Ascenceur accessible :</th> <td><?php echo \$logement->getAscenseuracc() ?></td>
                    </tr>
                    <tr>
                        <th>Logement adaptable :</th> <td><?php echo \$logement->getAdaptable() ?></td>
                    </tr>
                    <tr>
                        <th>Logement adapté :</th> <td><?php echo \$logement->getAdapte() ?></td>
                    </tr>
                </table>
            </div>

EOF;

    //create new PDF document (document units are set by default to millimeters)
    $pdf = new sfTCPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true);

    // set document information
    $pdf->SetCreator(PDF_CREATOR);
    $pdf->SetAuthor(PDF_AUTHOR);
    $pdf->SetTitle($doc_title);

    //set default header data
    $pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH, PDF_HEADER_TITLE, PDF_HEADER_STRING);

    //set margins
    $pdf->SetMargins(PDF_MARGIN_LEFT, PDF_MARGIN_TOP, PDF_MARGIN_RIGHT);
    $pdf->SetHeaderMargin(PDF_MARGIN_HEADER);
    $pdf->SetFooterMargin(PDF_MARGIN_FOOTER); 

    //set auto page breaks
    $pdf->SetAutoPageBreak(TRUE, PDF_MARGIN_BOTTOM);

    //set header and footer fonts
    $pdf->setHeaderFont(Array(PDF_FONT_NAME_MAIN, '', PDF_FONT_SIZE_MAIN));
    $pdf->setFooterFont(Array(PDF_FONT_NAME_DATA, '', PDF_FONT_SIZE_DATA));

    //set default monospaced font
    $pdf->SetDefaultMonospacedFont(PDF_FONT_MONOSPACED);

    // Fixe la taille de la page
    $pdf->SetDisplayMode(90);

    //initialize document
    $pdf->SetFont('helvetica', '', 10);
    $pdf->AddPage();

    // output some HTML code


    $pdf->writeHTML($html , true, false, true, false, '');

    //reset pointer to the last page
    $pdf->lastPage();  

    // Close and output PDF document
    $pdf->Output('fichelogement.pdf', 'I');

    // Stop symfony process
    throw new sfStopException();
csstcpdf
38
Elorfin

そもそも、あなたはPDFおよびHTMLと、ほとんど共通点のないさまざまな形式。TCPDFがHTMLとCSSを使用して入力データを提供できる場合、単純なパーサーを実装しているためです。これらの2つの言語でPDFに変換する方法を見つけようとしているので、TCPDFはHTMLおよびCSS仕様のほんの一部しかサポートしておらず、サポートされているものであっても、おそらくファーストクラスのWebブラウザーほど完璧ではない。

そうは言っても、問題は、何がサポートされ、何がサポートされないのかということです。ドキュメントは基本的に問題をスキップし、試行錯誤の方法を楽しんでみましょう。

ソースコードを見ると、CSS宣言を解析するTCPDF::getHtmlDomArray()という保護されたメソッドがあることがわかります。 font-family、list-style-typeまたはtext-indentが、marginもpaddingも私が見る限り存在せず、間違いなくfloatはまったくありません。

要約すると、TCPDFでは、CSSを使用してbasic書式設定を行うことができます。 HTMLからPDFに変換する必要がある場合、それは間違ったツールです。 （もしそうなら、 wkhtmltopdf ？

76
Álvaro González

TCPDF 5.9.010（2010-10-27）-CSSプロパティ「border-spacing」および「padding」のサポートがテーブルに追加されました。

10
KotaKomputer

サポートされるタグは、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

すべてのHTML属性は二重引用符で囲む必要があります

9
Rajkumar

最近、CSSでTCPDFが動作するという同じ問題に遭遇しました。以下のコードを見てください。標準のCSSをPHPが理解できる形式に変更した後、

以下のコードサンプル

$table = '<table width="100%" cellspacing="0" cellpadding="55%">
          <tr valign="bottom">
                <td class="header1" rowspan="2" align="center" valign="middle"
                      width="6%">Category</td>
                <td class="header1" rowspan="2" align="center" valign="middle"
                      width="26%">Project Description</td>
          </tr></table>';
8
dschnizzy

現時点では、TCPDFはテーブルのパディングのみをサポートしています。

その情報を含むフォーラムページへのリンク

5
Jonathas Pacífico

TCPDF 6.2.11（2015-08-02）

<style>タグ内に含めると機能しないものもありますが、HTMLタグのstyle=""属性に追加すると機能しなくなります。例えば。テーブルのパディング–これdoes n't work：

table {
    padding: 5px;
}

これdoes：

<table style="padding: 5px;">
5
William Turrell

バージョン5.7以降、TCPDFにはCSSボーダーのサポートが含まれています。マージン、パディング、フロートはまだサポートされていません。 http://www.tcpdf.org のTCPDF Webサイトを確認し、詳細については公式フォーラムを参照してください。

4
user412934

私は最近、同じ問題に遭遇し、回避策を見つけましたが、HTMLコードを適切に変更できる場合にのみ役立ちます。

テーブルを使用してパディングレイアウトを実現したため、内部パディングでdivに相当するものを作成するために、3列/ 3行のテーブルを作成し、コンテンツを中央の行/列に配置しました。最初と最後の列/行はパディングに使用されます。

例えば。

<table>
<tr>
    <td width="10">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="10">&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>content goes here</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td width="10">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="10">&nbsp;</td>
</tr>
</table>

お役に立てば幸いです。

ジョー

3
Joe

余分なテーブル要素なしでカスタムパディングを設定するためのほんの小さなヒント。この方法を使用するだけで機能します（TCPDF 6.2.11）

<table border="0" style="padding-left: 10px; padding-bottom: 15px;">
<tr>
<td style="border: 1px solid grey;"> One two three </td>
<td style="border: 1px solid grey;"> Four five six </td>
</tr>
</table>
1
Alexander Fedorov

こんにちは、私はこれを見つけたことを共有したいだけです：
//タグの下部と上部の余白を削除する

$ tagvs = array（ 'p' => array（0 => array（ 'h' => 0、 'n' => 0）、1 => array（ 'h' => 0、 'n' => 0 ）））; $ pdf-> setHtmlVSpace（$ tagvs）;

ここに： https://tcpdf.org/examples/example_061/

そして、それを使用して「p」タグのプロパティ（下と上）を削除してから、「p」テキストをセル内に配置します

1
Domingo