Convert HTML to PDF With CSS

Question

Hello Everyone My question is regarding Convert Html Text to Pdf.. Basically i want to send Purchase order Mail to User But I am not able to use css style in it. Style of the table is of tamplete which we have purchased so Right now we are using Itextsharp... I would like to know is there any other option to do it or How to Use ITextSharp with CSS. Thanks

Puneet Kankar · Answer

input type = button id = btnPrint name = btnPrint class = 'btnBold' value = Print onclick = printWebPart(''); /> //javascript function function printWebPart(title) { var CSSContent = '' ; var sOption = toolbar=yeslocation=nodirectories=yesmenubar=yesscrollbars=yesleft=100top=25 ; CSSContent =   ; CSSContent CSSContent = CSSContent + .frmdocstable-S{width:100%;border-collapse:collapse;font-family:verdana;font-size:12px;margin:10px 0}.frmdocstable-S th{padding:5px;border:#dae5ef 1px solid;background:#66a3ff;color:#FFF;font-size:17px;margin:0;font-weight:400;text-align:left}.frmdocstable-S td{padding:5px;border:#dae5ef 1px solid;text-align:left;width:16.5%}.frmdocstable-S tr{background:#f1f7fe}.frmdocstable-S tr:nth-child(odd){background:#fbfdff}.frmdocstable-S tr:nth-child(even){background:#f1f7fe}; CSSContent CSSContent = CSSContent +  style > ; CSSContent CSSContent = CSSContent +  title >  + title +  title > ; var re1 = / class = Btn /gi; var re2 = / class = print /gi; var innerContent = $(#PrintContent).html().replace(re2  class = print style ='display:none;').replace(re1  class =Btn style = 'display:none;' ); var html =  
 
 + 
 + CSSContent + 
 HEAD > 
 BODY >  + // 
 table border = '1' > tr > td colspan = '2' >  + innerContent + 
 td > tr > table >  + 
 BODY > 
 HTML > ; var printWP = window .open('' '' sOption); printWP.document.open(); printWP.document.write(html); printWP.focus(); printWP.print(); printWP.document.close(); printWP.close(); }

Sundar · Answer

Getting started npm install --save html5-to-pdf or npm install --global html5-to-pdf Out in the Wild CV Uses webpack and webpack-dev-server to let you see your changes live and has the option to publish to HTML or PDF. Output to File Example usage const HTMLToPDF = require('html5-to-pdf') const htmlToPDF = new HTMLToPDF({ inputPath: './path/to/input.html' outputPath: './path/to/output.pdf' }) htmlToPDF.build((error) => { if(error) throw error }) Output to Buffer Example usage const HTMLToPDF = require( 'html5-to-pdf' ) const htmlToPDF = new HTMLToPDF({ inputPath: './path/to/input.html'  outputPath: './path/to/output.pdf'  }) htmlToPDF.build((error buf) => { if (error) throw error # buf is the PDF as buffer # Done! }) Try this .

Gautam Parmar · Answer

There is no any example which has bootstrap stylesheet used

Hussam Barouqa · Answer

Consider doing this using a professional toolkit like LEADTOOLS (https://www.leadtools.com/downloads?category=main) The LEADTOOLS DocumentConverter Class can be used to convert HTML to PDF while parsing the CSS: using (MemoryStream ms = new MemoryStream()) { string HTMLString =  .style1 { font-size: xx-large; } Hello WebWorld! ; StreamWriter writer = new StreamWriter(ms); writer.Write(HTMLString); writer.Flush(); ms.Position = 0; var options = new LoadDocumentOptions(); using (var document = DocumentFactory.LoadFromStream(ms options)) { using (DocumentConverter documentConverter = new DocumentConverter()) { var outFile = @ outFile.pdf ; var format = DocumentFormat.Pdf; var jobData = DocumentConverterJobs.CreateJobData(document outFile format); jobData.JobName = conversion job ; var job = documentConverter.Jobs.CreateJob(jobData); documentConverter.Jobs.RunJob(job); } } } The Result will look like this:

Gokhul Varman · Answer

please refer the link for more detailed explanation:https://stackoverflow.com/questions/391005/convert-html-css-to-pdf-with-php