向转换为PDF iText 7的HTML页面添加页眉、页脚和页码

Question

        @media print {
        @page {
            size: 8.5in 5.5in portrait;
            margin-left: 0.5cm;
            margin-right: 0.5cm;
            margin-bottom: .5cm;
            padding-bottom: 3.5cm;
            background: #FFF;
        }

        thead { display: table-header-group; }
        tfoot { display: table-footer-group; }
    }

        @media print {
        @page {
            size: 8.5in 5.5in portrait;
            margin-left: 0.5cm;
            margin-right: 0.5cm;
            margin-bottom: .5cm;
            padding-bottom: 3.5cm;
            background: #FFF;

        @bottom-right {
        content: "Page " counter(page) " of " counter(pages);
        }   
        }

        thead { display: table-header-group; }
        tfoot { display: table-footer-group; }
    }

`

在此输入代码

Answer 1

您需要页眉和页脚，但是查看CSS，我没有看到您在任何地方定义页眉或页脚(和是针对表的，而不是针对页的）。你想在每个页面上添加“Y的X页”，但我没有看到你在任何地方定义该内容。

请阅读将HTML转换为PDF教程的第2章。在其中一个示例中，您将看到：

@page {
    @bottom-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

这在每个页面的右下角定义了一个页脚，内容为“页面XofY”，其中X将是当前页面，而Y是页面总数。

最终更新：

我从教程中选择了以下示例:C03E02_Print

public static void main(String[] args) throws IOException {
    File file = new File(TARGET);
    file.mkdirs();
    new Kmcnet().createPdf(BASEURI, SRC, DEST);
}

public void createPdf(String baseUri, String src, String dest) throws IOException { 
    ConverterProperties properties = new ConverterProperties();
    properties.setBaseUri(baseUri);
    MediaDeviceDescription mediaDeviceDescription = new MediaDeviceDescription(MediaType.PRINT);
    properties.setMediaDeviceDescription(mediaDeviceDescription);
    HtmlConverter.convertToPdf(new FileInputStream(src), new FileOutputStream(dest), properties);
}

我获取了sxsw.html页面，并将sxsw_print.css更改如下：

@page {
    @top-left {
        content: "HEADER";
    }
    @top-center {
        content: "READ THE TUTORIAL";
    }
    @top-right {
        content: "kmcnet";
    }
    @bottom-left {
        content: "FOOTER";
    }
    @bottom-center {
        content: "Page " counter(page) " of " counter(pages);
    }
    @bottom-right {
        content: "The end";
    }
}

<style>
@media print {
    @page {
        @top-left {
            content: "HEADER";
        }
        @top-center {
            content: "READ THE TUTORIAL";
        }
        @top-right {
            content: "kmcnet";
        }
        @bottom-left {
            content: "FOOTER";
        }
        @bottom-center {
            content: "Page " counter(page) " of " counter(pages);
        }
        @bottom-right {
            content: "The end";
        }
    }
}
</style>

接下来我想要完成的是添加页眉和页脚以及Y的第x页。

我认为我的答案和教程充分解释了如何做到这一点。不幸的是，OP坚持说我的答案不起作用，教程中写的也不起作用。

我将把这个问题作为离题，更具体地说，作为一个无法再现的问题：