Convert HTML to PDF in Angular

In this video, I will show you how to export HTML content to PDF in Angular App using jspdf.

[gene.sewell]

it works for text - but I tried putting an image in there and it came out blank. Should it work for images too?

[felixchiang]

Great video man!!! Thanks!! just a question, instead of downloading the generated PDF, can we display it (embed) on angular page using HTML?

[christ-gospel]

Hi! Sir, Thanks for your video. I have one doubt. I want to generate the pdf with the user input from the text box and checkbox.

[dhruvkotak]

Working.. but can u pls explain why u used specialElementHandler ?

[deepikabr]

great video !!! it helped a lot ... thanks

[satmayaharipad]

i got an error please help => doc.fromHTML is not a function

[sanjanatyagi]

Can we download large data.. like around 55k records in chrome

[shwetabarge]

I have an issue of text not fitting the table column, heading is too long for the column width. How to resolve this ?

[chirantanpatel]

Worked great! but how to apply bootstrap CSS in PDF.

[IMateme]

Great! but does it support utf-8, I tried Arabic language and failed, any help? thanks

[denxhang]

Hi, i have an html but there's 2 card components inside my html component, how will i proceed with that?

[rajeshbabu]

hi thanks for this video, pls advice how to print html table?

[jessemacias]

I cannot install jspdf, it shows a lot of issues... any advice?

[rushipatel]

Binding data is not showing in PDF File.Any Idea to how to resolve it?

[yalairfan]

How to convert pdf to html content .... Plz help
Tq in advance...!

[nikhilarora]

hello i download pdf from your code but it will give only 1 record in 1 page and 2nd record in 2nd page and so on . why this would happen..

[shajahanj]

i need help how to export chart in my website

[murugansivaraj]

I am getting a typeError: t.className.split is not a function. How do I resolve this. ? And will this work on IE 11 ?

[Kelracs]

Thank you
<div id="content"
<div>
<button type="button" (click)="printt()" >
Imprimir
</button>
</div>

@ViewChild('print-section') content: ElementRef;

public printt() {
let doc = new jsPDF();
let specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
let content = this.content.nativeElement;
doc.fromHTML(content.innerHTML, 15, 15, {
'width': 190,
'elementHandlers' : specialElementHandlers
});

doc.save('my.pdf');

}
jspdf.min.js:63 jsPDF Warning: rendering issues? provide a callback to fromHTML!

show the PDF with the blank pages

How do I open it in a new Windows window?

[luiscarmona]

Hello i recived an error "ERROR TypeError: Cannot read property 'innerHTML' of undefined" could you help me please ?