Question

134

jsPDF fromHTML() does not show HTML

rated 0 times [ 138] [ 4] / answers: 1 / hits: 71303 / 9 Years ago, mon, march 23, 2015, 12:00:00

Im working at a simple javascript.
im using the jsPDF lib but the script load a blank pdf.

this is the code :

    <html xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=en>



<head>

    <title>fromHTML EX</title>

    <meta http-equiv=content-type content=text/html;charset=utf-8 />

    <meta name=generator content=Geany 1.22 />



    <script type=text/javascript src=/root/utils/jquery-1.11.2.min.js></script>

    <script type=text/javascript src=/root/utils/jsPDF-master1/jspdf.plugin.standard_fonts_metrics.js></script>

    <script type=text/javascript src=/root/utils/jsPDF-master1/jspdf.plugin.split_text_to_size.js></script>



    <script type=text/javascript src=/root/utils/jsPDF-master1/js/basic.js></script>

    <script type=text/javascript src=/root/utils/jsPDF-master1/jspdf.js></script>

    <script type=text/javascript src=/root/utils/jsPDF-master1/jspdf.plugin.from_html.js></script>



  <script type=text/javascript>

    function PDF1(){

    var doc = new jsPDF();          

    var elementHandler = {

    '#ignorePDF': function (element, renderer) {

    return true;

    }

    };

    var source = window.document.getElementsByTagName(body)[0];

    doc.fromHTML(

        source,

        15,

        15,

        {

        'width': 180,'elementHandlers': elementHandler

        });



    doc.output(datauri);

    }



    PDF1()

  </script>



</head>



 <body>

     ASDSADASDASDSA

      <div>

    <p id=ignorePDF>don't print this to pdf</p>



      <p><font size=3 color=red>print this to pdf</font></p>

    </div>









  </body>





</html>

i have tryied to put the calling function at the bottom of the page but it still don't work.
Can someone help me?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cristinadomoniquel

Add To Favorites

Follow

Total Points: 320

Total Questions: 94

Total Answers: 94

Location: Moldova

Member since Sat, Aug 6, 2022

2 Years ago

cristinadomoniquel questions

1 find() vs map() in JavaScript

Wed, Apr 7, 21, 00:00, 3 Years ago

1 Get POST request body with express and fetch

Tue, Dec 1, 20, 00:00, 4 Years ago

1 Module parse failed: Unexpected token when using webpack 5

Mon, Nov 23, 20, 00:00, 4 Years ago

1 How to reset vuetify's v-input-file

Mon, Aug 17, 20, 00:00, 4 Years ago

1 Jest and ESLint: Expect must have a corresponding matcher call

Fri, Jul 31, 20, 00:00, 4 Years ago

View All

answered 9 Years ago jimmiejudahm · Accepted Answer

Since you are using jQuery try:

$( document ).ready(function() {

  //console.log( ready! );

  PDF1();

});

Also Note: You could use (not required):

var source = $(body)[0];

Code page used to test

<html xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=en>

<head>

  <title>fromHTML EX</title>

  <meta http-equiv=content-type content=text/html;charset=utf-8 />

  <meta name=generator content=Geany 1.22 />



  <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js></script>

  <script src=https://parall.ax/parallax/js/jspdf.js></script>



  <script type=text/javascript>

  function PDF1(){

    var doc = new jsPDF();

    var elementHandler = {

      '#ignorePDF': function (element, renderer) {

        return true;

      }

    };

    var source = window.document.getElementsByTagName(body)[0];

    doc.fromHTML(

      source,

      15,

      15,

      {

        'width': 180,'elementHandlers': elementHandler

      });



      doc.output(datauri);

    }



    $( document ).ready(function() {

      //console.log( ready! );

      PDF1();

    });

</script>



  </head>



  <body>

    ASDSADASDASDSA

    <div>

      <p id=ignorePDF>don't print this to pdf</p>



      <p><font size=3 color=red>print this to pdf</font></p>

    </div>









  </body>

  </html>