jsPDF fromHTML() does not show HTML

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>

Related Posts:

  1. How to properly use jsPDF library
  2. how to use addHTML function in jsPDF
  3. How to convert a string to an integer in JavaScript?
  4. How do I make the first letter of a string uppercase in JavaScript?
  5. window.location.href and window.open () methods in JavaScript
  6. Define a global variable in a JavaScript function
  7. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  8. Cross-Origin Read Blocking (CORB)
  9. How can I remove a specific item from an array?
  10. How to create an associative array in JavaScript literal notation
  11. Include another HTML file in a HTML file
  12. Cannot open local file – Chrome: Not allowed to load local resource
  13. How to read a local text file?
  14. Compare dates with javascript
  15. Javascript Uncaught SyntaxError: Unexpected identifier
  16. “document.getElementByClass is not a function”
  17. How can I create a two dimensional array in JavaScript?
  18. How can I refresh a page with jQuery?
  19. forEach is not a function error with JavaScript array
  20. Short circuit Array.forEach like calling break
  21. Bootstrap Dropdown menu is not working
  22. String.prototype.replaceAll() not working
  23. What does the className attribute mean in JSX?
  24. How do I check for null values in JavaScript?
  25. Pure JavaScript: a function like jQuery’s isNumeric()
  26. jquery SlideToggle effect in upward direction?
  27. Express Render not working return error: No default engine was specified and no extension was provided
  28. Remove Object from Array using JavaScript
  29. Angular4 – No value accessor for form control
  30. What is the difference between ( for… in ) and ( for… of ) statements?
  31. TypeError: Cannot read property “0” from undefined
  32. How to use npm jquery module?
  33. Jquery swipe left or right on mobile
  34. Node.js Error: connect ECONNREFUSED
  35. Sort array by firstname (alphabetically) in Javascript
  36. Sorting arrays in javascript by object key value
  37. How do I get an element to scroll into view, using jQuery?
  38. Uncaught SyntaxError: Unexpected token :
  39. How do I check if string contains substring? [duplicate]
  40. How to move all HTML element children to another parent using JavaScript?
  41. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  42. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  43. JavaScript – cannot set property of undefined
  44. Why is this jQuery click function not working?
  45. How does AJAX work?
  46. How to remove all duplicates from an array of objects?
  47. Finding the average of an array using JS
  48. Creating a div element in jQuery
  49. Crop the image using JavaScript
  50. What is the best way to remove a table row with jQuery?
  51. Adjust width and height of iframe to fit with content in it
  52. document.getElementbyId() returning null
  53. Seeding the random number generator in Javascript
  54. Bootstrap popover is not working
  55. Sort array of objects by single key with date value
  56. How to add a tooltip to an svg graphic?
  57. How do I make a discord bot join a voice channel?
  58. External JavaScript Not Running, does not write to document
  59. Create a simple 10 second countdown
  60. Generate a Hash from string in Javascript
  61. jQuery if Element has an ID?
  62. Get name of object or class
  63. Complex JSON nesting of objects and arrays
  64. jQuery – Increase the value of a counter when a button is clicked
  65. Insert a string at a specific index
  66. Getting a random value from a JavaScript array
  67. Moment Js UTC to Local Time
  68. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  69. Getting “Cannot call a class as a function” in my React Project
  70. Separating html and JavaScript in Flask [duplicate]
  71. How to read and write into file using JavaScript?
  72. How to use aria-expanded=”true” to change a css property
  73. Nonce retrieved from the REST API is invalid and different from nonce generated in wp_localize_script
  74. wp.customize.bind ready event not fired
  75. What does wp-list.js do?
  76. Preventing YouTube embeds loading multiple instances of player JS?
  77. How to combine javascript files without plugins?
  78. WordPress Errors? Update Failed! data.min.js
  79. Use useSelect/useDispatch instead of withSelect/withDispatch
  80. Load script after block is inserted
  81. Only loads on the contact template page
  82. Trouble adding JavaScript in visual editor (Sharpspring embed code)
  83. How to set translations in javascripts for my plugin?
  84. How can I use CKEditor with WordPress and let clients edit the content?
  85. esc_js() breaks unicode sequences by removing the slash ‘\’ character
  86. wp_enqueue_script not loading my custom js file
  87. Gutenberg getBlockIndex in save() function
  88. Widgets and Post/Page edit/new blank, console errors only, no server errors
  89. Custom JS text area in customizer is being formatted wrong in document
  90. Add captcha validation to my custom form for Frontend posting
  91. AddThis Sharing Bar Not Displaying on Custom Page Template – JS conflict?
  92. how to prevent added meta box from being injected with style=”position: fixed; top: 56px;” at scroll down
  93. Add JavaScript-Library “Fitty” to WordPress
  94. Access checks with custom REST endpoints and backbone
  95. How to use value from modal tinymce windowManager?
  96. early enqueueing javascript file in page template, not in functions.php
  97. Wysiwyg editor not working on 4.2.2
  98. jQuery + more won’t load in header
  99. JavaScript errors
  100. Why is this script not working?

Leave a Comment