<p>I have a component (Angular 6) which is an aggregation of several components. This produces a long HTML (I am using Bootstrap 4). Now I want to convert this HTML to PDF. I have searched far and wide and found many solutions that work on jsPDF. The requirement is to produce a crisp layout as it appears in the HTML (so that users can select, copy, etc). But the solutions I found either try to add lines of text manually, which is impossible in my scenario; or they convert (rasterize?) the HTML to image format. Also, I want to preserve the formatting and fonts and styling of my HTML.</p>
<p>So far I have tried:  <a target='_blank' rel='noopener noreferrer'  href="https://stackoverflow.com/questions/51385331/angular-2-how-to-export-html-to-pdf/51418518">this</a>  and  <a target='_blank' rel='noopener noreferrer'  href="https://stackoverflow.com/questions/38996376/generate-pdf-file-from-html-using-angular2-typescript">this</a> </p>


I have a component (Angular 6) which is an aggregation of several components. This produces a long HTML (I am using Bootstrap 4). Now I want to convert this HTML to PDF. I have searched far and wide and found many solutions that work on jsPDF. The requirement is to produce a crisp layout as it appears in the HTML (so that users can select, copy, etc). But the solutions I found either try to add lines of text manually, which is impossible in my scenario; or they convert (rasterize?) the HTML to image format. Also, I want to preserve the formatting and fonts and styling of my HTML.

So far I have tried:  [this](https://stackoverflow.com/questions/51385331/angular-2-how-to-export-html-to-pdf/51418518)  and  [this](https://stackoverflow.com/questions/38996376/generate-pdf-file-from-html-using-angular2-typescript) 

Convert HTML to PDF in Angular 6

Product

Explore

Company

Blogs

Support