将HTML页面转换为PDF

Question

从概念上讲，这很简单。

我有一个HTML页面。我希望它以PDF格式。我拉起Foxit的PhantomPDF并转换文件。

问题：

1. 它变得太宽并且被遮挡（主要在右侧）
2. 它不知道它的阅读内容，所以我在分页时将字面切成两半。

如何成功将HTML网页转换为PDF并避免出现这些问题？

感谢。

Answer 1

所以对此的答案最终是一些事情的组合。

1）我必须编辑CSS以确保图像实际上保持在＆＃34; 100％＆＃34;的范围内。的页面。我添加了CSS以确保所有图像的最大值达到90％。这可以防止页面上的任何左右滚动，并防止PDF中的任何内容被切断。

2）我从浏览器的“文件”菜单进入“页面设置”部分，转到“＃34;边距和页脚”＃34;选项卡和那些刻有日期/网址/页码等内容的地方。我把所有这些都搞砸了，一切都很好。

3）最棘手的部分是确保将页面拆分到正确的位置。我终于了解了名为page-break-before和page-break-inside的CSS属性。我创建了每个类的类，如下所示：

// Creates a page break in the PDF right before element with this class
.pagebreak{
    page-break-before: always;    
}

// Doesn't allow the contents of a div with this class to split across pages.
.nobreak{
    page-break-inside: avoid;    
}

并且，当转换为PDF时，它会读取这些并按照我的要求布置页面。这有点单调乏味，但我最终得到了我想要的确切PDF文件！