Я попытался создать PDF-файл из HTML/CSS-документа, используя API pdflayer.com. Все идет нормально. все работало нормально. Но есть одна проблема. При наличии разрыва страницы иногда разрывается строка, как на фото:
есть ли способ избавиться от этой проблемы? Я также пробовал html2pdfrocket.com, там то же самое.
Текст помещается в эту html-конструкцию:
<html>
<body>
<div class = "overall">
<div class = "content">
<div class = "wrapper">
<div class = "article">
Text
🤔 А знаете ли вы, что...
С помощью HTML5 можно создавать графические приложения с помощью тега <canvas> и языка JavaScript.
Если вы используете 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-файла и хорошо их компилирует.