是否有可能实现在xmlworker中自下而上地编写文本方向?我想在表中使用它。
我的代码是
<table border=1>
<tr>
<td style="padding-right:18px">
<p style="writing-mode:sideways-lr;text-align:center">First</p</td>
<td style="padding-right:18px">
<p style="writing-mode:sideways-lr;text-align:center">Second</p></td></tr>
<tr><td><p style="text-align:center">1</p> </td>
<td><p style="text-align:center">2</p></td>
</tr>
</table>
但是从html转换为pdf后它不起作用。文本FIRST和SECOND的方向不是从上到下。
最佳答案
这是一个非常有趣的问题,因此对该问题+1。
第一步是查找iTextSharp XML Worker是否支持HTML
td
标记。可以在iTextSharp.tool.xml.html.Tags的源代码中找到这些映射。在那里,您发现td
映射到iTextSharp.tool.xml.html.table.TableData,这使实现自定义标签处理器的工作变得容易一些。 IE。我们需要做的所有事情都从类继承并覆盖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-mode
CSS
property value,并包括所有的健全性检查。更新
根据@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;}
";
稍微困难的部分是额外的设置-您不能使用SO此处常见的简单的即用型
XMLWorkerHelper.GetInstance().ParseXHtml()
。这是一个简单的帮助程序方法,可以帮助您入门: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)可以更好地了解为什么需要以这种方式设置解析器。
另请注意:
HTML
代码段删除了p
标记,因为该样式可以直接应用于td
标记。 width
属性。如果省略,则列的宽度将与文本水平显示时的宽度匹配。 经过iTextSharp和XML Worker版本5.5.9的测试,这是更新后的结果:
关于c# - 使用itextsharp xmlworker将html转换为pdf并垂直写入文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36180131/