将HTML页面转换为PDF

将HTML页面转换为PDF,pdf,pdf-generation,foxit,Pdf,Pdf Generation,Foxit,从概念上讲,这很简单 我有一个HTML页面。我想要PDF格式的。我调出Foxit的PhantomPDF并转换文件 问题: 它太宽了,两边都剃光了(主要是右边) 它不知道它在读什么,所以我用分页符把单词水平地切成两半 如何成功地将HTML页面转换为PDF并避免这些问题 谢谢。因此,这个问题的答案最终是几个方面的结合 1) 我必须编辑CSS,以确保图像实际上保持在页面的“100%”范围内。我添加了CSS以确保所有图像的最大值达到90%。这防止了页面上的任何侧到侧滚动,并防止PDF中的任何内容被截断

从概念上讲,这很简单

我有一个HTML页面。我想要PDF格式的。我调出Foxit的PhantomPDF并转换文件

问题:

  • 它太宽了,两边都剃光了(主要是右边)
  • 它不知道它在读什么,所以我用分页符把单词水平地切成两半
  • 如何成功地将HTML页面转换为PDF并避免这些问题


    谢谢。

    因此,这个问题的答案最终是几个方面的结合

    1) 我必须编辑CSS,以确保图像实际上保持在页面的“100%”范围内。我添加了CSS以确保所有图像的最大值达到90%。这防止了页面上的任何侧到侧滚动,并防止PDF中的任何内容被截断

    2) 我在浏览器的“文件”菜单下进入“页面设置”部分,进入“页边距和页脚”选项卡,那里有一些地方写着诸如日期/url/页码之类的内容。我把所有这些都抹掉了,一切都很好

    3) 最棘手的部分是确保它在正确的位置拆分页面。我终于了解了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格式

    作为参考,我也直接从浏览器中转换了它,它看起来不错,只是上面有我不想要的日期时间戳和URL。他们真的不匹配。HTML到PDF的转换通常很困难,因为您需要以不同的方式指定布局。演示文稿越复杂,就越可能需要特定于报表的工具/库/api,而不是简单的转换器。尽管不同意结束此问题的原因(特别是第二个原因——我确实这么做了!),但无需重写。我已经找到了答案。