Я использую модуль htmltopdf.js в угловых для генерации PDF. В этом я добавляю это "" вручную для разрыва страницы.
Если пользователь публикует динамический контент, текст обрезается в PDF. Итак, как я могу динамически добавить разрыв страницы?
<h4>List medication changes since last W/C visit:</h4>
<mat-form-field>
<textarea matInput autosize [(ngModel)]="model.medication.value"></textarea>
</mat-form-field>
</div>
<div class="html2pdf__page-break"></div>
<div class="text-section">
<h4>List all appointments since last W/C visit:</h4>
<mat-form-field>
<textarea matInput autosize [(ngModel)]="model.appointments.value"></textarea>
</mat-form-field>
</div>```
let element = document.getElementById('pdf-content');
let opt = {
margin: 1,
filename: this.formData.clientId,
image: { type: 'jpeg', quality: 1 },
html2canvas: { scale: 1 },
jsPDF: { unit: 'in', format: 'a3', orientation: 'portrait' }
};
var pdf = html2pdf().from(element).set(opt).output('blob');
return pdf.then((value) => {
this.formData.file = value,
this.formData.uploadFileDate = this.date
});
I expect this insertion '<div class="html2pdf__page-break"></div>' dynamically depends on the html height.