Javascript 在使用wkhtmltopdf将html转换为pdf之前,如何确定页面的结尾?
我有一个基于特定表单动态生成的HTML页面。生成HTML页面后,可以使用Javascript 在使用wkhtmltopdf将html转换为pdf之前,如何确定页面的结尾?,javascript,html,laravel,wkhtmltopdf,Javascript,Html,Laravel,Wkhtmltopdf,我有一个基于特定表单动态生成的HTML页面。生成HTML页面后,可以使用wkhtmltopdf将其转换为PDF 如果页面太长,wkhtmltopdf将自动将其拆分为多个页面,但我想控制拆分的位置 我需要这样做,因为每个页面都将包含特定图表,用于显示在页面上的特定信息,每当发生自动拆分时,我有时会得到一个与页面上显示的文本无关的图表 因此,理想情况下,我希望能够确定表单生成的内容对于1页来说是否太长,然后手动添加一个包含受控内容的新页面 为了添加新页面,我基本上使用了以下CSS规则,这很好:
wkhtmltopdf
将其转换为PDF
如果页面太长,wkhtmltopdf
将自动将其拆分为多个页面,但我想控制拆分的位置
我需要这样做,因为每个页面都将包含特定图表,用于显示在页面上的特定信息,每当发生自动拆分时,我有时会得到一个与页面上显示的文本无关的图表
因此,理想情况下,我希望能够确定表单生成的内容对于1页来说是否太长,然后手动添加一个包含受控内容的新页面
为了添加新页面,我基本上使用了以下CSS规则,这很好:
@media print {
.new-page {
page-break-before: always;
}
}
该应用程序内置于Laravel
+Svelte.js
(但我认为这并不重要,因为我只是想弄清楚如何处理一般问题)
也许我可以得到一些建议?要控制页面的拆分位置,可以使用分页符后的属性 例如:
<div style="page-break-after:always;"></div>
我认为您走的是正确的道路。看看其他CSS控制分页符的规则:嗨,对不起,我不确定你是否读过我的问题。我希望能够根据内容的长度确定在哪里拆分页面。