如何在Kartik mpdf的HTML内容区域获取页码？

我之前碰到过不少类似的需求——mPDF自带的{PAGENO}占位符确实只在通过SetHeader/SetFooter配置的页眉页脚区域生效，直接嵌到HTML正文里根本不会被解析。针对你循环生成MCQs、页面动态分页的场景，给你两个靠谱的解决办法：

方法一：用CSS分页计数器（最简单） #

如果你的mPDF版本是v7及以上，直接用CSS的分页计数器就能搞定，完全不用写复杂的PHP逻辑：

1. 先在HTML的头部加入这段样式：

@page {
    counter-increment: page; /* 自动递增页码计数器 */
}
/* 自定义页码显示样式 */
.page-mark::after {
    content: counter(page); /* 插入当前页码 */
    margin-left: 5px;
}

2. 然后在正文里需要显示页码的位置（比如条形码旁边），添加一个带page-mark类的元素：

<!-- 假设你的条形码是这样的 -->
<div class="barcode-container">
    <img src="your-barcode-url" alt="条形码">
    <span class="page-mark">页码：</span>
</div>

mPDF渲染时会自动把counter(page)替换成当前页面的页码，布局也能和条形码完美对齐。

方法二：用EndPage事件精准控制位置 #

如果需要更精确的页码定位（比如必须放在条形码的某个固定坐标上），可以用mPDF的EndPage事件，在每个页面生成完成后手动绘制页码：

// 初始化mPDF实例
$mpdf = new \Mpdf\Mpdf();

// 注册EndPage事件，每个页面结束时触发
$mpdf->SetEvent('EndPage', function($mpdf) {
    // 设置页码的坐标（单位：mm，A4页面宽210mm，高297mm）
    $x = 15; // 距离左侧15mm
    $y = 275; // 距离顶部275mm（靠近底部）
    // 绘制页码内容，这里可以结合条形码的位置调整坐标
    $mpdf->Text($x, $y, '页码：' . $mpdf->PageNo());
});

// 循环生成MCQs内容并写入PDF
foreach ($your_mcq_list as $mcq) {
    $html = '<div class="mcq-item">
        <h3>' . $mcq['question'] . '</h3>
        <ul>
            <li>' . $mcq['option_a'] . '</li>
            <li>' . $mcq['option_b'] . '</li>
        </ul>
    </div>';
    $mpdf->WriteHTML($html);
}

// 输出或保存PDF
$mpdf->Output('mcqs.pdf', 'D');

这个方法的好处是完全不受HTML布局的限制，想把页码放在哪里就放在哪里，适合对位置要求严格的场景。

小提示 #

• 用CSS计数器的话，记得检查mPDF版本，v6及以下对CSS计数器的支持不太稳定；
• 用EndPage事件时，坐标可以根据你的页面边距、条形码位置慢慢调整，多测试几次就能精准对齐。

内容的提问来源于stack exchange，提问作者DANISH QURESHI