How to export all inside a div as a pdf in Angular 2

Question

i have a div with id="div1" , i need to convert it into pdf .so i tried to do with JSPf in angular 2.JSpdf is working good , when i tried to do doc.autoTable(col, rows);.but when i want export it do pdf its not working

<div class="container" id="div1">
<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  
</table>
        <button id="create" (click)="convert()">Create file</button> 
    </div>


 convert(){
      const elementToPrint = document.getElementById('div1');
      console.log('eelementToPrint',elementToPrint); //The html element to become a pdf
      const pdf = new jsPDF('p', 'pt', 'a4');
      pdf.addHTML(elementToPrint, () => {
          doc.save('web.pdf');
      });
}

score 0 · Answer 1 · answered Jun 29 '17 at 05:38

You are referring to a variable that doesn't exist in doc.save()

You should refer to the documentation where it says that addHTML is deprecated and you should use html2pdf library.

http://rawgit.com/MrRio/jsPDF/master/docs/global.html#addHTML

https://github.com/spipu/html2pdf

score 0 · Accepted Answer · answered Jun 29 '17 at 08:31

0

Firstly,

pdf.save('web.pdf');

and also you should keep in mind that this function does not support css, if you decide to use it.

answered Jun 29 '17 at 08:31

Yevhenii Bahmutskyi

1,561
3
20
38

is there any other way to export pdf in angular 2 with image and css – Vivin Prasannaa Jun 30 '17 at 17:05
https://stackoverflow.com/a/43064789/7751910 https://stackoverflow.com/a/23517501/7751910 https://stackoverflow.com/a/28335753/7751910 – Yevhenii Bahmutskyi Jun 30 '17 at 18:10

How to export all inside a div as a pdf in Angular 2

2 Answers2