将 CSS 文件包含到 mpdf

Question

我正在尝试将 CSS 文件添加到我的 mPDF 文件中。这是我的 mPDF 文件：

    $pdf_output = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
        <html xml:lang="en">

        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>' . get_bloginfo() . '</title>';

    $cssFile = __DIR__.DIRECTORY_SEPARATOR.'styles.css';
//   echo $cssFile;
    if (file_exists($cssFile)) {
        $pdf_output .= '<style type="text/css">'.file_get_contents($cssFile).'</style>';
    }

    $pdf_output .= '</head>
        <body xml:lang="en">
            <pagebreak>
            <div id="header"><div id="headerimg">
                <h1><a href="' . get_option('home') . '/">' .  get_bloginfo('name') . '</a></h1>
                <div class="description">' .  get_bloginfo('description') . '</div>
            </div>
            </div>
            <div id="content" class="widecolumn"><div id="test">Lorem ipsum dolorem sit amet</div>';

            if(have_posts()) :
            while (have_posts()) : the_post();
                $pdf_output .= '<div class="post">
                <h2>' . $pageTitle . '</h2>';

                $pdf_output .= '<div class="entry">POST: ' .    wpautop($post->post_content, true) . '</div>';
                $pdf_output .= '</div> <!-- post -->';
            endwhile;

        else :
            $pdf_output .= '<h2 class="center">Not Found</h2>
                <p class="center">Sorry, but you are looking for something that isn\'t here.</p>';
        endif;

        $pdf_output .= '</div> <!--content-->';



$pdf_output .= '
        </body>
        </html>';

styles.css 所说的一切都被完全忽略，就好像文件甚至没有加载一样。有趣的是，如果我追加

     echo '<pre><div id="output">'.$pdf_output.'</div></pre>';
     exit;

到最后我得到一个 HTML 页面，一切正常。我的错误到底在哪里？我想这是 mPDF 设置中的某种选项。

Answer 1

OP从评论中找到了解决方案，所以我将其添加在这里只是为了结束：

mPDF 似乎不支持样式标签中的 CSS（参见此处：https://mpdf.github.io/css-stylesheets/introduction.html）。在这种情况下，您可以替换为：

$cssFile = __DIR__.DIRECTORY_SEPARATOR.'styles.css';

if (file_exists($cssFile)) {
    $pdf_output .= '<style type="text/css">'.file_get_contents($cssFile).'</style>';
}

由此:

$cssFile = __DIR__.DIRECTORY_SEPARATOR.'styles.css';

if (file_exists($cssFile)) {
    $pdf_output .= '<link rel="stylesheet" href='.$cssFile.'></link>';
}

或者使用调用 mPDF 的 WriteHTML() 两次的替代方法，一次用于样式表，另一次用于正文，如上述文档中的示例所示。

将 CSS 文件包含到 mpdf

Including CSS file to mpdf

html

css

php

pdf

mpdf