Это была довольно интересная проблема, поэтому +1 к вопросу.
Первым шагом было найти, поддерживает ли iTextSharp XML Worker HTML
td
тег. Отображения можно найти в источнике в iTextSharp.tool.xml.html.Tags. Там вы обнаружите, что td
сопоставлен с iTextSharp.tool.xml.html.table.TableData, что упрощает работу по созданию пользовательского процессора тегов. То есть все, что нам нужно сделать наследовать от класса и переопределить End()
:
public class TableDataProcessor : TableData
{
/*
* a **very** simple implementation of the CSS writing-mode property:
* https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode
*/
bool HasWritingMode(IDictionary<string, string> attributeMap)
{
bool hasStyle = attributeMap.ContainsKey("style");
return hasStyle
&& attributeMap["style"].Split(new char[] { ';' })
.Where(x => x.StartsWith("writing-mode:"))
.Count() > 0
? true : false;
}
public override IList<IElement> End(
IWorkerContext ctx,
Tag tag,
IList<IElement> currentContent)
{
var cells = base.End(ctx, tag, currentContent);
var attributeMap = tag.Attributes;
if (HasWritingMode(attributeMap))
{
var pdfPCell = (PdfPCell) cells[0];
// **always** 'sideways-lr'
pdfPCell.Rotation = 90;
}
return cells;
}
}
Как отмечалось в инлайн комментарии, это очень простая реализация для ваших конкретных потребностей. Вам нужно будет добавить дополнительную логику для поддержки любых других writing-modeCSS
property value и включить любые проверки работоспособности.
UPDATE
Основываясь на комментарии, оставленные @Daniel, это не ясно, как добавлять пользовательские CSS
при преобразовании HTML
в PDF
. Первый обновленный HTML:
string XHTML = @"
<h1>Table with Vertical Text</h1>
<table><tr>
<td style='writing-mode:sideways-lr;text-align:center;width:40px;'>First</td>
<td style='writing-mode:sideways-lr;text-align:center;width:40px;'>Second</td></tr>
<tr><td style='text-align:center'>1</td>
<td style='text-align:center'>2</td></tr></table>
<h1>Table <u>without</u> Vertical Text</h1>
<table width='50%'>
<tr><td class='light-yellow'>0</td></tr>
<tr><td>1</td></tr>
<tr><td class='light-yellow'>2</td></tr>
<tr><td>3</td></tr>
</table>";
Затем небольшой фрагмент пользовательского CSS:
string CSS = @"
body {font-size: 12px;}
table {border-collapse:collapse; margin:8px;}
.light-yellow {background-color:#ffff99;}
td {border:1px solid #ccc;padding:4px;}
";
Немного трудная часть является дополнительной настройкой - вы не можете использовать простой из коробки XMLWorkerHelper.GetInstance().ParseXHtml()
часто видели здесь, в SO. Вот простой вспомогательный метод, который должен вам начать:
public void ConvertHtmlToPdf(string xHtml, string css)
{
using (var stream = new FileStream(OUTPUT_FILE, FileMode.Create))
{
using (var document = new Document())
{
var writer = PdfWriter.GetInstance(document, stream);
document.Open();
// instantiate custom tag processor and add to `HtmlPipelineContext`.
var tagProcessorFactory = Tags.GetHtmlTagProcessorFactory();
tagProcessorFactory.AddProcessor(
new TableDataProcessor(),
new string[] { HTML.Tag.TD }
);
var htmlPipelineContext = new HtmlPipelineContext(null);
htmlPipelineContext.SetTagFactory(tagProcessorFactory);
var pdfWriterPipeline = new PdfWriterPipeline(document, writer);
var htmlPipeline = new HtmlPipeline(htmlPipelineContext, pdfWriterPipeline);
// get an ICssResolver and add the custom CSS
var cssResolver = XMLWorkerHelper.GetInstance().GetDefaultCssResolver(true);
cssResolver.AddCss(css, "utf-8", true);
var cssResolverPipeline = new CssResolverPipeline(
cssResolver, htmlPipeline
);
var worker = new XMLWorker(cssResolverPipeline, true);
var parser = new XMLParser(worker);
using (var stringReader = new StringReader(xHtml))
{
parser.Parse(stringReader);
}
}
}
}
Вместо того, чтобы повторять объяснение примере кода выше, see the documentation (IText удален документацию, связанную с Wayback Machine), чтобы получить лучшее представление о том, почему вам нужно настройте парсер таким образом.
Также обратите внимание:
- XML работник не поддерживает все свойства CSS2/CSS3, поэтому может потребность экспериментировать с тем, что работает или не работает в отношении того, как близко вы хотите PDF, чтобы посмотреть на HTML, отображаемый в браузере.
- Фрагмент
HTML
удалил тег p
, так как стиль можно применить непосредственно к тегу td
.
- Inline
width
Недвижимость. Если они опущены, столбцы будут переменной ширины, которые совпадают, если текст будет отображаться горизонтально.
Протестировано с версиями iTextSharp и XML Worker 5.5.9 Вот обновленный результат:
Вам нужно написать специальный код, чтобы сделать это. Если вы добавите '' '' '' '' '' '' '' '' '' '' '' того, что вы ожидаете, кто-то _might_ сможет помочь ... – kuujinbo