Convert HTML to PDF using angularjs

Ajay Shedge

I am trying to convert HTML text to pdf using angularjs.But while converting HTML to pdf all text becomes disturb.Means it is not displayed correct.My text is "

This is Center Text

". But while exporting in PDF it's not showing in center.
Please provide me solution.
Thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amar Srivastava9y ago
Css does not work while converting from HTML to PDF you have to specify the attribute properties in the tags of the html for example..

if written while converting this will not give the correct output..

you have to write it as
in this case width is an attribute of the table tag.
0
Ajay Shedge9y ago
Thanks Rajkiran and Manikandan,
I am using this code which u suggested.But this code not working.CSS not apply while export in pdf.

Please give me another solution if you have
0
Manikandan Murugesan9y ago
function demoFromHTML() {
    var pdf = new jsPDF('p', 'pt', 'letter');
    // source can be HTML-formatted string, or a reference
    // to an actual DOM element from which the text will be scraped.
    source = $('#customers')[0];

    // we support special element handlers. Register them with jQuery-style
    // ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
    // There is no support for any other type of selectors
    // (class, of compound) at this time.
    specialElementHandlers = {
        // element with id of "bypass" - jQuery style selector
        '#bypassme': function (element, renderer) {
            // true = "handled elsewhere, bypass text extraction"
            return true
        }
    };
    margins = {
        top: 80,
        bottom: 60,
        left: 10,
        width: 700
    };
    // all coords and widths are in jsPDF instance's declared units
    // 'inches' in this case
    pdf.fromHTML(
    source, // HTML string or DOM elem ref.
    margins.left, // x coord
    margins.top, { // y coord
        'width': margins.width, // max width of content on PDF
        'elementHandlers': specialElementHandlers
    },

    function (dispose) {
        // dispose: object with X, Y of the last line add to the PDF
        //          this allow the insertion of new lines after html
        pdf.save('Test.pdf');
    }, margins);
}
0
Rajkiran Swain9y ago
https://stackoverflow.com/questions/36068787/angularjs-javascript-easy-way-to-convert-html-webpage-to-pdf
0