使用飞碟（xHTMLRenderer）和iText生成页眉/页脚

栾峰

2023-03-14

问题内容：

我意识到之前曾有人问过这个问题（我查看了所有解决方案并尝试了所有解决方案），但我仍在尝试生成一个PDF文件，该文件的页眉和页脚在每个页面上都重复出现。

我在使用flying saucerR8时iText2.0.8尝试了许多不同的方法来使其正常工作，但到目前为止没有任何效果。我测试过的一些方法是https://gist.github.com/626264，使用运行元素和边距框
http://pigeonholdings.com/projects/flyingsaucer/R8/doc/guide/users-
guide-R8.html#
xil_40
（css3功能），飞碟r7的指南不适用于r8
http://today.java.net/pub/a/today/2007/06/26/generating-pdfs-with-flying-
saucer -and-itext.html＃page-specific-
features，还有很多其他对我不起作用的方法。

我的页眉div包含另外两个带有图像的div，而页脚仅用于页面编号。该html被放入一个StringBuffer称为buf的文件中。

buf.append("<head>");
    buf.append("<title>blabla</title> ");
    buf.append("<style type='text/css' media='print'>  ");
    buf.append("@page { size:8.5in 11in; padding:1em; @bottom-left { content: element(footer); } } ");
    buf.append("#footer { font-size: 90%; font-style: italic;  position: running(footer); top: 0; left: 0; }");
    buf.append("#pagenumber:before { content: counter(page); } ");
    buf.append("#pagecount:before { content: counter(pages); } ");
buf.append("</style></head>");
buf.append("<body>");
 buf.append("<div class='header' style='clear:both;'>");
    buf.append("<div id='moneyLogo' style='float:left'>"); 
    buf.append("<img src='logo.jpg' alt="Some alt text" />");
    buf.append("</div>");
    buf.append("<div id='canLogo' style='float:right'>");
    buf.append("<img src='someImg.gif' alt="alt text" />");
    buf.append("</div>");
    buf.append("<h3 style='text-align:center; clear:both;'>alt text</h3>");
    buf.append("<div style='text-align:center;'>");
    buf.append("Some texy text");
    buf.append("<br />"););
    buf.append("</div>");
    buf.append("</div><br /><br />");
buf.append("<div id='footer'>  Page <span id='pagenumber'/> of <span id='pagecount'/> </div>");

    buf.append("</body>");
    buf.append("</html>");

我的pdf格式很好，除了页眉仅显示在第一页上，而页脚仅显示在最后一页的底部上。当我通过w3c验证器放置html时，结果很好，但是当我使用其CSS验证器时，它说它们是该行中的解析错误。@page { size:8.5in 11in; padding:1em; @bottom-left { content: element(footer); } }

据我从所有指南中了解到的那样，这很好。我还听说W3C CSS验证程序对于CSS3规范而言是不完整的，因此我认为是错误的验证程序。

如果有人可以给我一些有关外观或想法的提示，那将使我度过一整周:)

ps必须使用飞碟R8和/或iText 2.0.8

问题答案：

这是一个工作示例：

package com.sg2net.test;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;

import org.xhtmlrenderer.pdf.ITextRenderer;

import com.lowagie.text.DocumentException;

public class XHTMLRenderer8 {

    /**
     * @author Giovanni Cuccu
     */
    public static void main(String[] args) throws FileNotFoundException, DocumentException {
        ITextRenderer renderer = new ITextRenderer();
        String content="<html><head><style>\n" +
          "div.header {\n" +
          "display: block; text-align: center;\n" + 
          "position: running(header);}\n" +
          "div.footer {\n" +
          "display: block; text-align: center;\n" + 
          "position: running(footer);}\n" +
          "div.content {page-break-after: always;}" +
          "@page { @top-center { content: element(header) }}\n " +
          "@page { @bottom-center { content: element(footer) }}\n" +
          "</style></head>\n" +
          "<body><div class='header'>Header</div><div class='footer'>Footer</div><div class='content'>Page1</div><div>Page2</div></body></html>";
        renderer.setDocumentFromString(content);
        renderer.layout();
        renderer.createPDF(new FileOutputStream("test.pdf"));

    }

}

这正在使用以下XHTML文档

<html>
<head>
<style>
div.header {
    display: block; text-align: center; 
    position: running(header);
}
div.footer {
    display: block; text-align: center;
    position: running(footer);
}
div.content {page-break-after: always;}
@page {
     @top-center { content: element(header) }
}
@page { 
    @bottom-center { content: element(footer) }
}
</style>
</head>
<body>
    <div class='header'>Header</div>
    <div class='footer'>Footer</div>
    <div class='content'>Page1</div>
    <div>Page2</div>
</body>
</html>

使用飞碟（xHTMLRenderer）和iText生成页眉/页脚

相关阅读

相关文章

相关问答

相关工具

相关文档