如何在yii2中为MPDF设置CSS以生成pdf文件答案

【问题标题】：how to set CSS for MPDF in yii2 on generating pdf file如何在yii2中为MPDF设置CSS以生成pdf文件
【发布时间】：2021-12-24 02:39:21
【问题描述】：

我正在使用yii2 basic，我需要生成一个带有 CSS 文件样式的 pdf 报告文件，我得到了 pdf，但 CSS 无法处理生成的文件。以下是我的实现方式。

在我的controller.php 文件中

 public function actionPrintReport($student_id,$exam_id,$total_subjects,$exam_date){
        $model = new Results();
        $examReportData = $model->getExamReport($student_id,$exam_id,$exam_date);
     
        $htmlContent = $this->renderPartial('_report',
        [
            'model' => $model,
            'total_subjects' => $total_subjects,
            'examReportData' => $examReportData
        ]);
        $pathfile = "Student_exam_report";
        $mpdf = new \Mpdf\Mpdf([
            'tempDir' => Yii::getAlias('@runtime/') . 'mpdf2/tmp',
            'format' => 'A4-L',
            'margin_right' => 5,'margin_left' => 5,
            'defaultFont' => 'Calibri',
        ]);
        $stylesheet = '<head><link rel="stylesheet" type="text/css" href="'.Yii::getAlias('@web').'\css\exam_report.css'.'"/></head>';
        $mpdf->WriteHTML($stylesheet, \Mpdf\HTMLParserMode::HEADER_CSS);
        $mpdf->WriteHTML($htmlContent, \Mpdf\HTMLParserMode::HTML_BODY);
        $mpdf->Output($pathfile, 'I');
    }

_report.php 文件位于view/ 中，代码如下

<?php
    use yii\helpers\Html;
?>

<div class="container" style="width: 100%">
   <div class="leftpan">Left Pan</div>
   <div class="rightpan">Right Pan</div>
</div>

CSS 文件位于project_folder/web/css/exam_report.css，代码最少。

 .rightleft{
    height: 150px;
    float: left;
    border-style: dotted dashed solid double;
}
.rightpan{
    height: 150px;
    float: right;
    border-style: dotted dashed solid double;
}

我在这里堆了两天:)，感谢您的支持。

【问题讨论】：

你在使用kartik-mPDF吗？
@InsaneSkull 是的，我正在使用 Kartik-mPDF
您可以在创建 Pdf 对象时使用cssFile 属性。

标签： php css yii2 mpdf kartik-v

【解决方案1】：

您可以对外部 css 文件使用“cssFile”选项。在我的情况下，插件中包含的引导 css 文件不起作用，所以我在 web 文件夹中创建了自己的文件。添加时还要检查文件的路径。

$pdf = new Pdf([
          'mode' => Pdf::MODE_CORE,
          'format' => Pdf::FORMAT_A4,
          'orientation' => Pdf::ORIENT_PORTRAIT,
          'filename' => '/backend/web/invoices/invoice.pdf',
          'destination' => Pdf::DEST_FILE,
          'content' => $content,
          'cssFile' => 'css/invoicetemplate.css',
          'cssInline' => '.heading{font-size:18px}',
          'options' => ['title' => 'Invoice'],
        ]);

【讨论】：