Конвертировать html в pdf - разрыв страницы разделяет текст

Я попытался создать PDF-файл из HTML/CSS-документа, используя API pdflayer.com. Все идет нормально. все работало нормально. Но есть одна проблема. При наличии разрыва страницы иногда разрывается строка, как на фото:

Конвертировать html в pdf - разрыв страницы разделяет текст

есть ли способ избавиться от этой проблемы? Я также пробовал html2pdfrocket.com, там то же самое.

Текст помещается в эту html-конструкцию:

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

🤔 А знаете ли вы, что...
С помощью HTML5 можно создавать графические приложения с помощью тега <canvas> и языка JavaScript.


7
5 805
4

Ответы:

Если вы используете Firefox, откройте в нем HTML-документ и установите надстройку PDF Mage. Просто щелкните значок, чтобы преобразовать страницу в PDF. У меня всегда работает без проблем.

Viele Grüße


Я думаю, что лучшим решением было бы предотвратить разрыв внутри абзаца при печати. Что-то вроде этого:

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

Решено

Я обнаружил, что существует проблема с компиляцией содержимого внутри нескольких div. CSS-правила не повлияли на поведение задачи.

Итак, у меня появилась идея, и я сделал так, чтобы сгенерировать «сырой-html-вывод». В этом html документе есть только

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

Больше ничего.

API берет данные из упрощенного html-файла и хорошо их компилирует.


Вы можете попробовать преобразовать свой HTML в PDF, используя Синкфьюжн онлайн демо. Мы обрабатываем текст и изображения, разделенные по страницам.

Примечание: я работаю в Syncfusion.