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

Question

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

有没有办法解决这个问题？我也试了 html2pdfrocket.com 那里也一样

文本放置在这个 html- 结构中：

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

Answer 1

如果您使用 firefox，请用它打开 html 文档并安装名为 PDF Mage 的附加组件。只需单击该图标即可将页面转换为 PDF。它总是对我有用，没有任何问题。

Viele Grüße

Answer 2

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

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

Answer 3

我发现在编译多个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 4

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

注意：我为 Syncfusion 工作。

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

convert html to pdf - page break splits text

html

css

pdf

html-to-pdf

html2pdf