如何自动拆分或分页HTML，以使生成的PDF看起来与分页HTML相同
如何自动拆分或分页HTML，以使生成的PDF看起来与分页HTML相同
提问于 2022-07-07 18:01:48
我对auto-break或paginate HTML内容有一个要求，这样生成的PDF看起来与HTML相同。
需求:当HTML溢出A4大小的纸张时，它必须添加一个新页面。
问题：当内容溢出A4大小的纸张时，必须使用任何pdf生成的vue插件生成一个新页面，这里我使用的是vue-html2pdf。
重放步骤：
- 单击
Auto add textcontent按钮将生成多个文本行和页面，但分页不起作用； - 然后单击
Generate pdf按钮将生成一个带有分页的PDF；我希望这个分页不会自动生成PDF。
以下是我尝试过的码箱
回答 1
Stack Overflow用户
发布于 2022-07-16 15:57:33
通过在html2pdf__page-break类中添加一个额外的HTML，将在该元素之后添加一个页面中断。例如,
<div class="html2pdf__page-break"/>在本例中，上述<div>之后的任何元素都将转到下一页。这种方法仍然可以用于包的自动分页，而不仅仅是当支持manual-pagination启用时。
还建议将pdf-content节划分为多个pdf-item子节。例如,
<section slot="pdf-content">
<section class="pdf-item">
<h4>Your Title</h4>
<span>
Some copy...
</span>
</section>
<div class="html2pdf__page-break"/>
<section class="pdf-item">
<span>
Some text...
</span>
</section>
</section>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72902363
复制相关文章
相似问题
腾讯云开发者
