À l'aide de itextsharp xmlworker pour convertir html en pdf et écrire le texte verticalement

C'était un joli problème intéressant, donc +1 pour la question.

La première étape a été de rechercher si oui ou non iTextSharp XML Travailleur prend en charge la HTML td tag. Les mappages peuvent être trouvés dans les sources dans iTextSharp.outil de.xml.html.Tags. Vous y trouverez td est mappé à iTextSharp.outil de.xml.html.table.TableData, ce qui rend le travail de la mise en œuvre d'un tag personnalisé processeur un peu plus facile. I. e. tous nous avons besoin de le faire hériter de la classe et de remplacer 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;
    }
}

Comme indiqué dans les commentaires en ligne, c'est un très mise en œuvre simple pour vos besoins spécifiques. Vous aurez besoin d'ajouter de la logique à l'appui de toute autre de la rédaction mode CSS, la valeur de la propriété, et comprennent toutes les vérifications.

Mise à JOUR

Basé sur le commentaire laissé par @Daniel, il n'est pas clair comment ajouter des CSS lors de la conversion de la HTML à PDF. D'abord le HTML mis à jour:

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

Puis un petit extrait de CSS personnalisé:

string CSS = @"
    body {font-size: 12px;}
    table {border-collapse:collapse; margin:8px;}
    .light-yellow {background-color:#ffff99;}
    td {border:1px solid #ccc;padding:4px;}
";

Légèrement la partie la plus difficile est la configuration supplémentaire n' - vous ne pouvez pas utiliser la simple sortie de la boîte XMLWorkerHelper.GetInstance().ParseXHtml() souvent vu ici. Voici une simple méthode d'assistance qui devrait vous obtenir a commencé:

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

Au lieu de ressasser une explication de l'exemple de code ci-dessus, voir la documentation (iText retiré de la documentation, liée à la Wayback Machine) pour avoir une meilleure idée de pourquoi vous avez besoin pour l'installation de l'analyseur de cette façon.

Également note:

1. XML Travailleur ne pas en charge toutes CSS2/CSS3 propriétés, de sorte que vous peut besoin d'expérimenter avec ce qui fonctionne ou ne fonctionne pas en ce qui concerne la proximité que vous souhaitez le PDF de regarder le code HTML affiché dans le navigateur.
2. La HTML extrait supprimé le p balise, car le style peut être appliqué directement à la td tag.
3. La ligne width de la propriété. Si omis, les colonnes seront largeurs variables qui correspondent si le texte avait été rendu à l'horizontale.

Testé avec iTextSharp et XML Travailleur versions 5.5.9 Voici la mis à jour résultat:

OriginalL'auteur kuujinbo

comment rendre les balises d'image à l'intérieur du tableau en pdf que par leur position dans la table? - @kuujinbo

<table cellpadding="30" class="table table-striped" id="StudentInfoListTable">
<tr>
<td><img src="@Model.img" alt="" height="200" width="200" /></td>
<td class="middle"></td>
<td>LICENSE ID - @Html.DisplayFor(m => m.LicenseID)</td>
</tr>
<tr>
<td>NAME: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.Name)</td>
</tr>
<tr>
<td>@Html.DisplayFor(m => m.Relo) </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.careOf)</td>
</tr>
<tr>
<td>GENDER: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.gender)</td>
</tr>
<tr>
<td>BLOOD GROUP: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.blood)</td>
</tr>
<tr>
<td>DATE OF BIRTH: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.date)</td>
</tr>
<tr>
<td>CONTACT NO: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.Mobile)</td>
</tr>
<tr>
<td>ADDRESS: </td>
<td class="middle"></td>
<td>@Html.DisplayFor(m => m.Address)</td>
</tr>
<tr>
<td>Signature </td>
<td class="middle"></td>
<td><img src="@Model.sign" alt="" style="background-color:white;"/></td>
</tr>
</table>

OriginalL'auteur Siddarth Dutta