Question

我试图使用pdflayer.com的api从HTML / CSS文档生成PDF文件。到目前为止，一切都很好。一切正常。但是有一个问题。如果有分页符，有时行会像照片中那样被分割：

有没有摆脱这个问题的方法？我也尝试过html2pdfrocket.com，那里也一样。

文本放置在此html-construct中：

<html>
 <body>
  <div class="overall">
   <div class="content">
    <div class="wrapper">
     <div class="article">
      Text

Answer 1

我发现在多个div内编译内容存在问题。 CSS规则不影响问题的行为。

所以我有个主意，我所做的就是生成“ raw-html-output”。仅在此html文档中

<html>
 <head>
  <style>
   The only necessary css-rules.
  </style>
 </head>
 <body>
  Some text here.
 </body>
</html>

仅此而已。

API从简单的html文件中获取数据并很好地进行编译。

Answer 2

如果您使用firefox，请使用它打开html文档，然后安装名为PDF Mage的加载项。只需单击图标即可将页面转换为PDF。它始终对我有效，没有任何问题。

VieleGrüße

Answer 3

我认为最好的解决方案是防止打印的段落内出现中断。像这样：

@media print and (min-width:700px) {
    /* you can change the selector to whatever you need */
    .article {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

Answer 4

您可以尝试使用Syncfusion在线demo将HTML转换为PDF。我们正在处理跨页面拆分的文本和图像。

注意：我为Syncfusion工作。

将html转换为pdf-分页符拆分文本

4 个答案: