Question

我正在使用wkhtmltopdf创建报告现在我遇到的情况我必须在页面底部显示页脚我试图用css解决这个问题它在简单的页面上工作但不在我的wkhtmltopdf生成的页面上这是我的HTML代码

<footer id="footer">
    <p>Hello World</p>
</footer>

我的css就是这个

#footer {
    position:fixed;
    height:50px;
    background-color:red;
    bottom:0px;
    left:0px;
    right:0px;
    margin-bottom:0px;
}

我也尝试过在wkhtmltopdf页面上给出的代码

<script>
    window.onload = function() {
    var vars = {};
    var x = document.location.search.substring(1).split('&');
    for (var i in x) {
        var z = x[i].split('=', 2);
        [z[0]] = unescape(z[1]);
    }

    if current page number == last page number
        if (vars['page'] == vars['topage']) {
            document.querySelectorAll('#footer')[0].textContent = 'extra text  here';
        }
    };
</script>

注意我没有使用cmd命令我正在使用CodeIgniter。他们的任何选择都是

$this->wkhtmltopdf->setOptions(array(
              'orientation' => 'landscape'
                ));

Answer 1

添加页面时，您可以通过页面选项传入页脚。

$footer = $this->load->view('footer', $data, true);

$page_options = [
    'footer-html' => "".str_replace("\n", ' ', $footer).""
];

$pdf   = new Pdf($pdf_options);
$pdf->addPage($view, $page_options); // page invoice

您也可以使用header-html标题。这会将页脚应用于您使用该选项添加的每个页面。

如何在页面底部添加页脚wkhtmltopdf

1 个答案: