Html to pdf angular

npm install --save pdfmake
npm install html-to-pdfmake
npm install jspdf --save

ts file:
import jsPDF from 'jspdf';
import pdfMake from 'pdfmake/build/pdfmake';
import pdfFonts from 'pdfmake/build/vfs_fonts';
pdfMake.vfs = pdfFonts.pdfMake.vfs;
import htmlToPdfmake from 'html-to-pdfmake';

...
@ViewChild('pdfTable') pdfTable: ElementRef;
  
  public downloadAsPDF() {
    const doc = new jsPDF();
   
    const pdfTable = this.pdfTable.nativeElement;
   
    var html = htmlToPdfmake(pdfTable.innerHTML);
     
    const documentDefinition = { content: html };
    pdfMake.createPdf(documentDefinition).open(); 
    
    
HTML file:
<div class="container">
  <div id="pdfTable" #pdfTable>
...
</div>
  <button class="btn btn-primary" (click)="downloadAsPDF()">Export To PDF</button>
</div>

Source: itsolutionstuff.com

Similar codes

0 vote322 views1 answer
How to embed math in html
Html
38 votes304 views4 answers
Meta viewport
Html
49 votes283 views6 answers
Text color html
Html
12 votes298 views3 answers
Trademark symbol
Html
0 vote286 views1 answer
Thumbnail html
Html
0 vote288 views1 answer
To ensure user input is a link in html
Html
111 votes292 views6 answers
Adding image in html
Html
0 vote298 views1 answer
React bootstrap navbar fixed
Html
0 vote329 views1 answer
Añadir script en html
Html
2 votes285 views6 answers
Hyper Text Markup Language
Html