Javascript 如何使用paged.js确保我的主页内容打印在小册子的主页上

如果一本小册子是用折叠的纸张打印的，那么背面的页码将始终是4的倍数。如果没有4页内容的倍数，则背面将在小册子内

我的项目正在用于布局和分页。（非常好！）它有一个标签，但不是最后一页

---

如何在文档末尾插入空白页，将最后一页的内容推到文档的背面？

如果有比我更能干的人能提供改进版，我会很高兴。我怀疑，

breakToken

等可以解决很多问题。然而，这对我来说是可行的：

未激发的html包含一个div，其类为

。back page

。这里的策略是查看backpage div所在的页码是否有一个可被4整除的页码。如果不是，请插入一个大的空div

JS

window.PagedConfig={auto:false}；
document.addEventListener（“DOMContentLoaded”，函数（）{
类MyHandler扩展了Paged.Handler{
构造函数（chunker、polisher、caller）{
超级（chunker、polisher、caller）；
}
解析前（内容）{}
后解析（已解析）{}
beforePageLayout（页面）{}
afterPageLayout（页面片段、页面、breakToken）{
bumpBackPageContentToRealBackPage（pageFragment）；
}
后渲染（页）{}
}
Paged.注册管理员（MyHandler）；
setTimeout（（）=>window.PagedPolyfill.preview（），2000）；//TODO:将其替换为承诺版本
});
函数bumpBackPageContentToRealBackPage（pageFragment）{
让backPage=pageFragment.querySelector（“.backPage”）；
如果（背面）{
让pageNumberStr=backPage.closest（“.pagedjs_page”）.dataset.pageNumber；
让pageNumber=parseInt（pageNumberStr，10）；
console.log（“最后一页已打开”，页码）；
如果（页码%4！==0）{
log（“最后一页需要轻推”）；
让pageDiv=document.createElement（“div”）；
pageDiv.classList.add（“结束空出页面”）；
backPage.parentElement.insertBefore（pageDiv，backPage）；
}否则{
log（“一切正常：最后一页将打印在背面”）；
}
}
}

CSS

。返回页面{
前断：左断；
}
.结束空出页面{
前分页符：始终；
高度：var（--pagedjs页框高度）；
}

这会触发回流，然后由于Paged.js polyfill规则之一的原因，后页必须位于左手页，因此它会再次将其碰撞，直到它位于左手页