使用飞碟,我如何在页脚的每一页上生成一个带有页码和页面总数的pdf?

2022-09-01 11:16:06

我花了比我自己想要弄清楚的更多的研究,所以我将在这里发布一个全面的答案。似乎这样做的信息分布在许多不同的网站上,我想把它放在一个地方。这个答案可能是一样的,但我的眼睛瞪大了,因为它在Java字符串中,而不是在html模板中。问题是:

我正在渲染PDF,我希望在页面底部有一个页脚,上面写着“Page n of m”,其中“n”是您所在的页码,“m”是文档中的总页数。我该怎么做?


答案 1

在你的html中,你需要把它放在标签的某个地方:body

<div id="footer">
    page <span id="pagenumber"></span> of <span id="pagecount"></span>
</div>

这应该是你的css/style:

    #footer {
        position: running(footer);
        text-align: right;
    }

    @page {
        @bottom-right {
            content: element(footer);
        }
    }

    #pagenumber:before {
        content: counter(page);
    }

    #pagecount:before {
        content: counter(pages);
    }

您可以在此处了解有关该选项的更多信息。@bottom-right


答案 2

您也可以尝试一种更简洁的方法:

@page {
  @bottom-right {
    content: "Page " counter(page) " of " counter(pages);
  }
}

您需要将其放在css /style中,并且不需要添加额外的页脚HTML元素。


推荐