如何使用 phantom-html2pdf 在 PDF 页面中添加页眉和页脚

Question

我找不到使用 phantom-html2pdf 和 Express 和 Coffeescript 在 pdf 页面中添加页眉和页脚的方法。我的代码如下，能否请您查看并告诉我我缺少的内容：

    pdf = require('phantom-html2pdf')    
    exports.test_pdf = (req, res) ->
      paperSize = {
        format: 'A4',
        margin: "1cm",
        orientation: 'portrait'
        header: {
          height: "200cm",
          contents: '<h1>This is the Header</h1>'
        },
      }

      htmls = '<html><body><h2>PDF CONTENT</h2></body></html>';

      options = {
        html: htmls,
        css: "./public/stylesheets/foundation.css",
        paperSize : page.paperSize
      }
      pdf.convert options, (err, result) ->

        if !err
          result.toBuffer()
          # Using a readable stream
          result.toStream()

          # Using the temp file path */
          result.getTmpPath()

          # Using the file writer and callback */
          result.toFile("./html/pdf_file.pdf")
        else
        res.render('index', { title: 'Social Media'})

我已经做了一些研究，要添加页眉和页脚，我需要从运行文件中导出一个 paperSize 对象。 https://github.com/bauhausjs/phantom-html2pdf/issues/30 但添加它也无法帮助我，或者我没有正确添加它。

我们将不胜感激。提前致谢。

Answer 1

module.exports 将解决您的问题。在为页眉和页脚创建页面对象之后。您将使用 module.export.

导出对象

这里是示例代码

module.exports = {
    header: {
        height: '3cm', contents: function (page) {
            return '<header class="pdf-header" style=" overflow:hidden; font-size: 10px; padding: 10px; margin: 0 -15px; color: #fff; background: none repeat scroll 0 0 #00396f;"><img style="float: left;" alt="" src="../images/logo.jpg"><p> XYZ </p></header>'
        }
    },

    footer: {
        height: '3cm', contents: function (page) {
            return '<footer class="pdf-footer" style="font-size: 10px; font-weight: bold; color: #000;><p style="margin: 0">Powered by XYZ</p></footer>'
        }
    },

}

注意：您需要创建运行文件并将给定的代码复制并粘贴到其中。

如何使用 phantom-html2pdf 在 PDF 页面中添加页眉和页脚

How can I add header and footer in PDF page using phantom-html2pdf

html2pdf

coffeescript

express