javascript - 使用剑道导出pdf在页面末尾中断的图像/内容块

Question

我正在使用 kendos exportpdf 函数将 html 模板转换为 django framework.pdf 文件中的 pdf 文件来/看起来不错。当我们仅在模板中使用文本时。当我使用 css（引导卡）添加内容块时，当涉及到页面末尾时，文本和块会中断（如下面的屏幕截图所示）。谁能帮我解决这个问题，如果要添加任何其他信息以便清楚理解，请告诉我。

标签： javascriptdjangokendo-uidjango-templatestelerik

Answer 1

Kendo 的 exportpdf 使用 Kendo 绘图库，它有一个 keepTogether 设置，允许您设置哪些 CSS 类不应跨页面拆分。

drawing.drawDOM("#content", {
  paperSize: "A4",
  margin: "2cm",
  keepTogether: ".prevent-split"
}).then(function(group){
  drawing.pdf.saveAs(group, "filename.pdf");
});

此处的其他详细信息：https ://docs.telerik.com/kendo-ui/framework/drawing/pdf-output/multi-page-content#preventing-page-break-in-elements