如何使用wkhtmltopdf在HTML的页眉/页脚中添加页码

阅读时长 5 分钟读完

简介

wkhtmltopdf是一个命令行工具,可以将HTML文档转换为PDF格式。它支持在PDF文档的页眉/页脚中添加自定义内容,例如页码、日期、公司标志等。

本文将介绍如何使用wkhtmltopdf在HTML的页眉/页脚中添加页码。

步骤

第1步:安装wkhtmltopdf

首先,需要安装wkhtmltopdf。可以从wkhtmltopdf官方网站下载预编译的二进制文件,也可以使用包管理器进行安装。

例如,如果您使用的是Ubuntu操作系统,可以使用以下命令安装wkhtmltopdf:

第2步:创建HTML文件

接下来,需要创建包含您要转换为PDF的内容的HTML文件。在此示例中,我们将使用以下简单HTML代码:

-- -------------------- ---- -------
--------- -----
------
------
    ----------- --------- ---- -------------------
-------
------
    ------- -- --- ---- --------- -- ------------- ----- ---- -----------------
    ----- ---- --------- -- ---- ----- --- -- --- ---- ------- -- --- ------------- -- ---- --------- ----- ----------------
-------
-------

第3步:创建页眉和页脚HTML文件

接下来,需要创建包含要在PDF文档中显示的页眉和页脚内容的HTML文件。在此示例中,我们将创建两个不同的HTML文件:header.html和footer.html。

header.html

-- -------------------- ---- -------
--------- -----
------
------
    ---------------------
-------
------
    ---- ------------------ --------
        ---- ----- -------------------- -- ----- ----------------------
    ------
-------
-------

footer.html

-- -------------------- ---- -------
--------- -----
------
------
    ---------------------
-------
------
    ---- ------------------ ---------
        ------- ------
    ------
-------
-------

在这些文件中,我们使用了wkhtmltopdf提供的两个特殊类“page”和“topage”。这些类会被自动替换为当前页码和总页数。

第4步:运行wkhtmltopdf命令

现在,可以使用wkhtmltopdf命令将HTML文件和页眉/页脚HTML文件转换为PDF。

以下是要使用的命令:

在这个命令中,--header-html选项指定要用作页眉的HTML文件,--footer-html选项指定要用作页脚的HTML文件,input.html是包含要转换为PDF的内容的HTML文件名称,output.pdf是生成的PDF文件名称。

示例代码

完整的示例代码如下:

-- -------------------- ---- -------
--------- -----
------
------
    ----------- --------- ---- -------------------
-------
------
    ------- -- --- ---- --------- -- ------------- ----- ---- -----------------
    ----- ---- --------- -- ---- ----- --- -- --- ---- ------- -- --- ------------- -- ---- --------- ----- ----------------
-------
-------

header.html

-- -------------------- ---- -------
--------- -----
------
------
    ---------------------
-------
------
    ---- ------------------ --------
        ---- ----- -------------------- -- ----- ----------------------
    ------
-------
-------

footer.html

-- -------------------- ---- -------
--------- -----
------
------
    ---------------------
-------
------
    ---- ------------------ ---------
        ------- ------
    ------
-------
-------

运行以下命令将HTML文件和页眉/页脚HTML文件转换为PDF

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/28383

纠错
反馈