wkhtmltopdf - 根据页面内容改变页脚内容？答案

【问题标题】：wkhtmltopdf - vary footer content based on page content?wkhtmltopdf - 根据页面内容改变页脚内容？
【发布时间】：2013-01-10 16:36:23
【问题描述】：

使用 wkhtmltopdf，有没有办法根据页面上的内容来改变页脚的内容？每个页面的页脚都需要有它所在部分的标题，而不是通用页脚。有什么指点吗？

【问题讨论】：

标签： wkhtmltopdf

【解决方案1】：

在页眉中工作的相同脚本也可以在页脚中使用来替换节名称。试试下面这样的页脚，它会抓取当前页面所在的 H1 部分作为页脚。

    <html>
    <head>
        <script>

            function subst() {
                var vars = {};

                var valuePairs = document.location.search.substring(1).split('&');
                for (var i in valuePairs) {
                    var valuePair = valuePairs[i].split('=', 2);
                    vars[valuePair[0]] = decodeURIComponent(valuePair[1]);
                }
                var replaceClasses = ['frompage','topage','page','webpage','section','subsection','subsubsection'];

                for (var i in replaceClasses) {
                    var hits = document.getElementsByClassName(replaceClasses[i]);

                    for (var j = 0; j < hits.length; j++) {
                        hits[j].textContent = vars[replaceClasses[i]];
                    }
                }
            }
        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body style="border:0; margin: 0px;" onload="subst()">
        <div style="width: 100%; text-align:center;">- <span class="section"></span> -</div>
    </body>
</html>

此外，如果您想要 H2，请使用 subsection，对于 H3，请使用 subsubsection。如果每页有多个部分或子部分，它将选择页面上最高的部分。

【讨论】：

谢谢！效果很好！有没有关于部分如何链接到标题元素的文档？
很高兴听到！在手册中，madalgo.au.dk/~jakobt/wkhtmltoxdoc/… 提供了一些有限的信息，但除此之外我真的不知道，对不起！