La génération d'en-tête/pied de page avec la soucoupe volante (xHTMLRenderer) et de la bibliothèque iText

Je me rends compte que cette question a été posée (j'ai regardé toutes les solutions et tous essayés), mais je suis encore à essayer de générer un document pdf avec un en-tête et pied de page qui se répètent sur chaque page.

Je suis en utilisant flying saucer R8 avec iText2.0.8 j'ai essayé beaucoup de différentes méthodes pour le faire fonctionner, mais jusqu'à présent sans succès. Certaines méthodes que j'ai testé étaient https://gist.github.com/626264, à l'aide de l'exécution des éléments et de la marge boxs http://pigeonholdings.com/projects/flyingsaucer/R8/doc/guide/users-guide-R8.html#xil_40 css3 (fonction), un guide pour la soucoupe volante r7 qui ne fonctionne pas pour r8 http://today.java.net/pub/a/today/2007/06/26/generating-pdfs-with-flying-saucer-and-itext.html#page-specific-features, avec de nombreuses autres méthodes qui ne fonctionnent pas pour moi.

Mon en-tête div contient 2 autres divs avec des images et mon pied de page est juste pour la numérotation des pages. Le code html est en cours de mise en StringBuffer appelé 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>");

Mon pdf génère bien sauf pour le fait que l'en-tête s'affiche uniquement sur la première page et le pied de page ne s'affiche sur le bas de la dernière page. Quand j'ai mis le code html par le validateur du w3c, il est sorti très bien, mais lorsque j'ai utilisé leur validateur CSS il a dit que leur les erreurs d'analyse dans la ligne @page { size:8.5in 11in; padding:1em; @bottom-left { content: element(footer); } }

Autant que je pourrais dire de tous les guides que j'ai lu c'était bien. J'ai aussi entendu dire que le validateur CSS du W3C a été incomplète pour CSS3, les specs, j'ai donc supposé que c'était le validateur qui avait tort.

Si quelqu'un pouvait me donner quelques conseils sur l'endroit ou les idées que ma semaine 🙂

p.s. A utiliser en soucoupe Volante R8 et/ou de la bibliothèque iText 2.0.8

Laisser un commentaire pour les futurs utilisateurs: Si le pied de page n'est pas en cours d'exécution sur toutes les pages pour flyingsaucer assurez-vous que le pied de page de l'élément est AVANT le contenu qui est à la différence des pages HTML. Vous pouvez voir les exemples ci-dessous par @Giovanni qui montre que les en-tête et pied de page sont avant le contenu. Votre code est correct, c'est juste que l'en-tête et pied de page doivent être placés avant le contenu et c'est très contre-intuitif

InformationsquelleAutor flyingCaffine | 2011-11-24

Ici est un exemple:

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"));

    }

}

C'est à l'aide de la suite de document 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>

Merci, j'ai fini à l'aide de cette méthode et cela a fonctionné parfaitement pour moi 🙂
C'est juste ce que je cherchais. Merci!!!!
Est-il basé sur java approche pour ajouter un en-tête et pied de page, au lieu d'ajouter que de style html? . Quelque chose de similaire à comme PdfPageEventHelper présents dans la bibliothèque IText.
aucun, je suis conscient de

InformationsquelleAutor Giovanni

Après des recherches et des tests beaucoup, je suis juste venu avec une solution qui fonctionne vraiment.

Vous pouvez contrôler:

- d'en-tête de la hauteur de montage margin-top;

- le pied de la hauteur de montage margin-bottom;

- contenu de la largeur et de l'édition de div.contenu de la largeur.

Les numéros de Page sont affichés en bas de page.

Voir code ci-dessous:

<html>
<head>
<style>
@page{
@bottom-left {                 
content: element(footer);  
vertical-align: top;
padding-top: 10px;
/*      border: solid red;    */
}
@top-right {
content: element(header); 
vertical-align: bottom;
padding-bottom: 10px;
/*          border: solid green;   */
}
size: A4 portrait;
margin-top:5.5cm; 
margin-left:3cm; 
margin-right:2cm; 
margin-bottom:3.3cm; 
}
div.header {
display: block;                     
position: running(header);
border-bottom: 1px solid black;
}
div.footer {
margin-top: 0.5cm;
display: block;
position: running(footer);
border-top: 1px solid black; 
}
div.content {
/*  border: solid purple;  */
display: block;
width: 15.4cm; 
text-align: justify;
}
#pagenumber:before {
content: counter(page);
}
#pagecount:before {
content: counter(pages);
}
</style>
</head>
<body>
<div class="header">
This is the header that will repeat on every page at top
</div>
<div class="footer" >
<p>This is the footer that will repeat on every page at bottom</p>
<p>Page <span id="pagenumber"></span> of <span id="pagecount"></span></p>/
</div>
<div class="content">
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
<p>This is the content</p><p>This is the content</p><p>This is the content</p>
</div>
</body>
</html>

Espère que cela aide!!!

Merci! La solution a fonctionné pour moi.
Assurez-vous de ne! A également travaillé avec un grand <table>.

InformationsquelleAutor Marcos Vinícius Soares

pour itext à l'aide de java caisse

public class HeaderAndFooter extends PdfPageEventHelper {
public void onEndPage (PdfWriter writer, Document document) {
Rectangle rect = writer.getBoxSize("art");
switch(writer.getPageNumber() % 2) {
case 0:
ColumnText.showTextAligned(writer.getDirectContent(),
Element.ALIGN_RIGHT, new Phrase("even header"),
rect.getBorderWidthRight(), rect.getBorderWidthTop(), 0);
break;
case 1:
ColumnText.showTextAligned(writer.getDirectContent(),
Element.ALIGN_CENTER, new Phrase(String.format("%d", writer.getPageNumber())),
300f, 62f, 0);
break;
}
ColumnText.showTextAligned(writer.getDirectContent(),
Element.ALIGN_CENTER, new Phrase(String.format("%d", writer.getPageNumber())),
(2f + 4f) / 2, 2f - 18, 0);
}
}

ci-dessous à l'aide de l'un à ur pdfwriter

HeaderAndFooter event = new HeaderAndFooter();
writer.setPageEvent(event);

J'ai utilisé quelque chose comme cela auparavant, mais il n'a pas l'intégrer à mon soucoupe volante code très bien. Toujours utile si vous êtes seulement en utilisant la bibliothèque iText sans soucoupe volante 🙂

InformationsquelleAutor Aravinth

Vous devez vous connecter pour publier un commentaire.