2016-08-23 12 views
2

Хорошо, в основном я пытаюсь преобразовать HTML-файл в PDF, используя XMLWorker из iText в Java. Поскольку были проблемы с конвертированием непосредственно из HTML, я использовал JTidy для конвертирования файла в XHTML в первую очередь (работает как прелесть), но когда я пытаюсь преобразовать его в PDF, это сильно испортит мой макет.
Опять же, файлы HTML и XHTML (идентичные при просмотре в браузере) выглядят точно так, как я их хочу, но файл PDF завинчивается. Вот HTML код, очевидно, я заменил всю информацию, содержащуюся в таблицах с «Bla»:iText XMLWorker table weirdness при преобразовании в PDF

<!DOCTYPE html><html lang="en"> 
<head><meta charset="UTF-8"><title>Bla</title> 
<style> 
    table#t0a {margin-top: 0.8cm; width: 90%; font-size: 13px; border-collapse: collapse;} 
    table#t0a td {padding: 4px; border: 1px solid;} 
    table#t0a td.span {width: 70%;} 
    table#t0a td.long {width: 32%;} 
    table#t0a td.short {width: 6%;} 
    table#t0b {margin-top: 0.8cm; margin-bottom: 0.8cm; width: 90%; font-size: 13px; table-layout: fixed; border-collapse: collapse;} 
    table#t0b td {padding: 4px; border: 1px solid; width: 20%;} 
    table#t0b th {background-color: #bbb; padding: 4px; border: 1px solid;} 
    table#t0b th:nth-child(2) {background-color: #bbb; padding: 4px; border: 1px solid; width: 20%;} 
    table#t1a {margin-top: 0.8cm; width: 90%; font-size: 13px; border-collapse: collapse;} 
    table#t1a td {padding: 4px; border: 1px solid;} 
    table#t1a td.span {width: 70%;} 
    table#t1a td.long {width: 32%;} 
    table#t1a td.short {width: 6%;} 
    table#t1b {margin-top: 0.8cm; margin-bottom: 0.8cm; width: 90%; font-size: 13px; table-layout: fixed; border-collapse: collapse;} 
    table#t1b td {padding: 4px; border: 1px solid; width: 20%;} 
    table#t1b th {background-color: #bbb; padding: 4px; border: 1px solid;} 
    table#t1b th:nth-child(2) {background-color: #bbb; padding: 4px; border: 1px solid; width: 20%;} 
</style> 
</head> 
<body> 
<div id="container"> 
    <div class="tables0" style="margin-left: 0.93cm"> 
<table id="t0a" cellspacing="0"> 
    <tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr> 
    <tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr> 
    <tr><td>Bla</td><td class="long">Bla</td><td class="short">Bla</td><td class="long">Bla</td></tr> 
</table> 
<table id="t0b" cellspacing="0"> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td><p>Bla</p></td><td>Bla</td></tr> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td><p>Bla</p></td><td>Bla</td></tr> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td> 
      <b>Bla</b><br>Bla<br> 
      <b>Bla</b><br>Bla<br> 
      <b>Bla</b><br>Bla<br> 
    </td><td>Bla</td></tr> 
</table> 
</div> 
<hr style="height:3px;border:none;color:#000;background-color:#000;" /> 
    <div class="tables1" style="margin-left: 0.93cm"> 
<table id="t1a" cellspacing="0"> 
    <tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr> 
    <tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr> 
    <tr><td>Bla</td><td class="long">Bla</td><td class="short">Bla</td><td class="long">Bla</td></tr> 
</table> 
<table id="t1b" cellspacing="0"> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td><p>Bla</p></td><td>Bla</td></tr> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td><p>Bla</p></td><td>Bla</td></tr> 
    <tr><th><b>Bla</b></th><th>Bla</th></tr> 
    <tr><td> 
      <b>Bla</b><br>Bla<br> 
      <b>Bla</b><br>Bla<br> 
      <b>Bla</b><br>Bla<br> 
    </td><td>0</td></tr> 
</table> 
</div> 
</div> 
</body></html> 

Теперь, если смотреть в преобразованном PDF, первая таблица проходит через край экрана вправо, который явно не преднамерен. Любые идеи, почему это может произойти?

ответ

0

Оказывается, iText на самом деле не совместим с CSS. Вместо этого сменил Flying Saucer, и он сработал.

0

Попробуйте явно установить ширину столбца в первом столбце таблицы t0a до 30%.

Смежные вопросы