Создание заголовка/нижнего колонтитула с летающей тарелкой (xHTMLRenderer) и iText
Я понимаю, что этот вопрос был задан раньше (я просмотрел все решения и попробовал их все), но я все еще пытаюсь создать pdf-документ с верхним и нижним колонтитулом, которые повторяются на каждой странице.
Я использую flying saucer R8 с 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 содержит еще 2 divs с изображениями, а нижний колонтитул - только для нумерации страниц. 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 файл генерируется отлично, за исключением того факта, что заголовок отображается только на первой странице, а нижний колонтитул отображается только внизу последней страницы. Когда я помещал html через валидатор w3c, это получилось прекрасно, но когда я использовал их валидатор CSS, он сказал, что они были ошибками разбора в строке @page { size:8.5in 11in; padding:1em; @bottom-left { content: element(footer); } }
Насколько я могу судить по всем проводникам, которые я читал, это было прекрасно. Я также слышал, что валидатор W3C CSS был неполным для спецификаций CSS3, поэтому я предположил, что это был валидатор, который был неправ.
Если бы кто-нибудь мог дать мне несколько советов о том, где искать или идеи, это сделало бы мою неделю:)
p.s. Необходимо использовать Летающую тарелку R8 и/или iText 2.0.8
Ответы
Ответ 1
Вот рабочий пример:
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>
Ответ 2
После много исследований и тестирования я просто придумал решение, которое действительно работает.
Вы можете управлять:
- высота заголовка путем редактирования margin-top;
- высота нижнего колонтитула, редактируя край внизу;
- ширина содержимого путем редактирования ширины div.content.
Номера страниц отображаются на нижнем колонтитуле.
Смотрите код ниже:
<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>
Надеюсь, это поможет!!!
Ответ 3
для itext с помощью java checkout this
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);
}
}
используя ниже в ur pdfwriter
HeaderAndFooter event = new HeaderAndFooter();
writer.setPageEvent(event);
