Create PDF from HTML using TheArtOfDev.HtmlRenderer.PdfSharp

Question

I need to convert a well-formatted HTML string to a PDF document.

I found this DLL that should do what I need, but it isn't working fine on formatting.

That's the HTML code I'm trying to convert, and viewing it on browser works fine (I've used Bootstrap CSS, that's been correctly referenced as cdn).

But once converted to PDF this is the result:

And that's the code I'm using to convert it:

        string html = "";

        if (File.Exists(pathIN))
        {
            html = File.ReadAllText(pathIN);
        }

        PdfDocument pdfDocument = new PdfDocument();
        PdfDocument pdf = PdfGenerator.GeneratePdf(html, PageSize.A4, 60);
        pdf.Save(pathOUT);

Does anyone have any suggestion?

Maybe you should try to make up the html to fit on A4. Have you tried printing it to a PDF from your browser? How does the result look? — Hexo, Jan 13 '17 at 12:02
Maybe the library is unable to render it correctly. How did you build the html? Is it a simple table or do you use loads of css? — Hexo, Jan 13 '17 at 12:06
it's made using bootstrap, [here](http://pastebin.com/20zbf83B) you can find the entire html source — Michele Ietri, Jan 13 '17 at 13:04
If the java scripüts are important, let me tell you the rendering engine will not be able to use them. — Hexo, Jan 13 '17 at 13:17
I could not get this nuget package to work with bootstrap styling. I ended up going with wkhtmltopdf and haven't looked back since. — Mathemats, Jul 19 '17 at 01:46

score 5 · Answer 1 · answered Mar 21 '17 at 12:52

I also had issues with this when using HtmlRenderer/PdfSharp with Bootstrap controlling the layout.

Although it goes against the grain, I resorted to using tables for the layout. Given that the destination (pdf) was a obviously a fixed width, being responsive was not a requirement.

score 3 · Accepted Answer · answered Mar 21 '17 at 21:19

3

Try using https://wkhtmltopdf.org, works well for bootstrap pages.

answered Mar 21 '17 at 21:19

Niran Manandhar

1,097
8
8

2

I used it with bootstrap and did not work well at all. Bootstrap 5 – Ahmad Almosallam Apr 30 '22 at 16:45

score 2 · Answer 3 · answered May 19 '20 at 18:01

2

I know its a little late but this can help someone The problem with bootstrap is that to align the columns use float: left and pdfsharp cannot read this property instead use display: inline-block and define the width in pixels.

answered May 19 '20 at 18:01

Alan Viezcas

36
3

John Wang · Answer 4 · 2021-05-19T21:07:49.770

2

To avoid useless effort to other people, it doesn't work for Bootstrap like the Table even using display: inline-block to define the width. Right side of table is always trimmed, the size unfitting the letter size in my case.

edited May 19 '21 at 21:07

answered May 19 '21 at 20:53

John Wang

59
8

Create PDF from HTML using TheArtOfDev.HtmlRenderer.PdfSharp

4 Answers4