飞碟：将多个 Html 转换为 1 个 PDF 文档

Question

我有一个包含 4 个 HTML 文件的报告模板。假设

p1.html
p2.html
p3.html
p4.html

我使用Flying Saucer分别解析每一页，并使用velocity替换占位符并成功将其转换为pdf。现在的问题是将这 4 HTML 页转换为单个 pdf 文档。

有两种方法可以做到这一点。

正在合并HTML

通过合并所有 HTML 文档，然后使用已成功完成的速度填充占位符，但在分页时出现问题。我希望每个 HTML 页面都转换为 1 个 pdf 页面，但在这种情况下，所有文本都被合并了。

转换后合并 PDF

这种方法对我来说似乎不合适，因为从各自的 HTML 页面单独生成每个 PDF 页面，然后合并到 1 个 pdf 文档不是一个可增强的解决方案。

我们将不胜感激您对编码示例的建议。

Answer 1

我也在寻找一种合并文档的方法。

虽然我知道如何在使用单个 HTML 文档时开始新页面。试试这个：

<html>
<head>
    <style>
        @page { /* default page styles here */

        @page p1 { /* page template for first document */ }
        @page p2 { /* page template for second document */ }
        @page p3 { /* page template for third document */ }
        @page p4 { /* page template for fourth document */ }

        #p1 { page: p1; } /* tells #p1 to use p1 page template */
        #p2 { page: p2; } /* tells #p2 to use p2 page template */
        #p3 { page: p3; } /* tells #p3 to use p3 page template */
        #p4 { page: p4; } /* tells #p4 to use p4 page template */
    </style>
</head>

<body>
</body>

    <article id="p1">
        <!-- page 1 content here -->
    </article>

    <article id="p2">
        <!-- page 2 content here -->
    </article>

    <article id="p3">
        <!-- page 3 content here -->
    </article>

    <article id="p4">
        <!-- page 4 content here -->
    </article>

</html>

我的理解是，当一个元素需要不同的页面模板时，就会添加一个分页符。

如果您不需要不同的页面模板（页眉、页脚等都相同），那么您可以只要求为每篇文章分页：

article { page-break-before: always; }

Answer 2

我选择合并 HTML 模板并使用以下 CSS 在需要的地方对其进行分页。

    <style type="text/css"> 
    @page { size:letter; padding:0; margin:0.5in 25px 100px 25px;}
    *{ font-family: "verdana", tahoma, arial, sans-serif;}
     table { -fs-table-paginate: paginate; thead {
    display:table-header-group;}}
    @page {
         @top-center { content: element(header) }
    }
    @page:first {
        margin:30px 25px 100px 25px;
         @top-center { content: element() }
    }
    table.header {
        height:100px;
        display: block; text-align: center; 
        position: running(header);
    }
    div.footer {
        display: block; text-align: center;
        position: running(footer);
    }
    div.content {page-break-after: always;}

     #footer {
    position: running(footer);
    text-align: right;
    }

    #pagenumber:before {
    content: counter(page);  }

    #pagecount:before {
    content: counter(pages);  }


</style>

飞碟：将多个 Html 转换为 1 个 PDF 文档

Flying Saucer: Convert Multiple Html to 1 PDF document

java

itext

flying-saucer

正在合并HTML

转换后合并 PDF