No text in PDF, only images

[emlun007]

Thank you for submitting an issue to jsPDF. Please read carefully.

Are you using the latest version of jsPDF?

yes,

https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.min.js

Have you tried using jspdf.debug.js?

Yes

Steps to reproduce

I am using jsPDF to save my tables made with dataTables plugin.

Here is my code:

    var doc = new jsPDF();
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#Save_as_pdf').click(function () {
        doc.fromHTML($('#inventory_table').html(), 15, 15, {
            'width': 170,
                'elementHandlers': specialElementHandlers
        });
        doc.save('Inventory.pdf');
    });

What I saw

In Chrome:

Error and an empty PDF:

In IE 11:

Only large images instead of what should have been icons but still no text:

What I expected

PDF with my dataTables, containing text and images.

[Uzlopak]

Can you try to give fromHTML the elementHandler? Instead of $('#inventory_table').html() writing $('#inventory_table')[0]

[emlun007]

It works now, but the table is shown as one long column

How can I see all my columns as shown in the html document?

[Uzlopak]

Initialize jspdf with 'pt' as unit and set the width of fromHTML bigger than 140 pt

[emlun007]

I tried like this:

  var doc = new jsPDF({
  unit: 'pt',
});
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#Save_as_pdf').click(function () {
        doc.fromHTML($('inventory_table')[0], 15, 15, {
            'width': 150,
                'elementHandlers': specialElementHandlers
        });
        doc.save('Puppetboard.pdf');
    });

But now I get an empty PDF again.

[Uzlopak]

It is empty, because it contains images. If fromHTML contains images, then they are loaded asynchronously. Thats why you should get an "jsPDF Warning: rendering issues? provide a callback to fromHTML!"-Warning.

You have to provide an callback-Function to fromHTML, which is called after the images are loaded and the pdf is generated

  var doc = new jsPDF({
  unit: 'pt',
});
    var specialElementHandlers = {
        '#editor': function (element, renderer) {
            return true;
        }
    };

    $('#Save_as_pdf').click(function () {
        doc.fromHTML($('inventory_table')[0], 15, 15, {
            'width': 150,
                'elementHandlers': specialElementHandlers
        }, function  (dispose) { 
                doc.save('Puppetboard.pdf');
        });
    });

[emlun007]

I have tried to use your code, but I wasn't able to generate a single PDF. I also don't get any error messages

[Uzlopak]

I gave you the solution based on your code. If your code is faulty in another place, I cant fix that. Provide an jsfiddle or so, to have collaborated help. If not, I am not able to guess your problem.