javascript - 使用 PdfGenerator 将页码添加到 PDF

Question

这个问题属于 NReco's PdfGenerator组件。

我使用此产品在使用 C# 的 .NET MVC 框架内将动态生成的 HTML 字符串转换为 Pdf 文档。

在寻找向 Pdf 页脚添加页码(例如，第 1 页，共 5 页)的方法时，我遇到了 this和 this所以。毫不奇怪，这两种选择似乎都提供了类似的方法来实现相同的目标。

虽然代码本身是有道理的，但我很难理解的是 - 我的文档内容(或 HTML 字符串)是在 View 中生成的。然后将 HTML 字符串传递给 Controller ​​ (.cs) 以进行实际的转换过程。由于我对 MVC 框架的了解非常有限，我认为您无法将 JavaScript 代码添加到 Controller (或者有吗？)。

所以，我不太明白如何将上述两种基于 JavaScript 的方法合并到我处理文档转换的 C# 函数中。或者这是应该在 View 中完成的事情吗？

Controller :

[HttpPost]
public ActionResult Html2Pdf(FormCollection form) {

    var docTitle = form["doctitle"].ToString();

    var headerHtml =
        "<div style='width:100%; margin-top:1em; display:block;'>" +
            "<img src='" + System.Web.HttpContext.Current.Server.MapPath("~") + "/media/images/document_banner.png' />" +
        "</div>" +
        "<div style='width:100%; bottom:110px; left:0; position:relative; display:block;'>" +
            "<span style='color:#fff; font-size:2.5em; font-family:georgia; margin-left:1em;'>" + docTitle + "</span>" +
        "</div>";

    var footerHtml =
        "<div style='width:100%; text-align:center; border-top:1px solid #abc; margin-top:2em;'>Page 0 of 0</div>;

    var htmlToPdf = new HtmlToPdfConverter();

    // various parameters get set here
    htmlToPdf.PageHeaderHtml = headerHtml;
    htmlToPdf.PageFooterHtml = footerHtml;
    ....

    Response.ContentType = "application/pdf";
    Response.AddHeader("content-disposition", "attachment;filename=MyTestDocument.pdf");
    htmlToPdf.GeneratedPdf(form["htmlcontent"].ToString(), null, Response.OutputStream);    // form["htmlcontent"] holds the document body
    Response.End();

    Return new EmptyResult();
}

Answer 1

您不需要附加 javascript 代码(来自 wkhtmltopdf 帮助)来呈现页码，因为如果您设置 PageHeaderHtml 或 PageFooterHtml 属性，PdfGenerator 将为您完成。您只需要在要呈现页码的位置标记“page”类元素即可:

htmlToPdf.PageHeaderHtml = "<div>Page: <span class="page"></span></div>";

就是这样。