how to use addHTML function in jsPDF

First, you have to include jsPDF library, and also html2canvas or rasterizeHTML.

Then, just create a jsPDF object and save to pdf the entire ‘body’ tag (or whatever):

var pdf = new jsPDF('p','pt','a4');
pdf.addHTML(document.body,function() {
    pdf.save('web.pdf');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

<body>
    <p id="to-pdf">HTML content...</p>
</body>

You can find more examples on the jsPDF website: http://mrrio.github.io/jsPDF/

Related Posts:

  1. How to properly use jsPDF library
  2. jsPDF fromHTML() does not show HTML
  3. Getting a UnhandledPromiseRejectionWarning when testing using mocha/chai
  4. Creating multiline strings in JavaScript
  5. How to make a word underline in Markdown
  6. JQuery – $ is not defined
  7. Is it possible to sandbox JavaScript running in the browser?
  8. ActiveX – Automation Server Can’t Create Object
  9. How to loop through an array containing objects and access their properties
  10. RegEx Ignore Case
  11. What is the convention in JSON for empty vs. null?
  12. Generating random whole numbers in JavaScript in a specific range?
  13. Remove all child elements of a DOM node in JavaScript
  14. Why Is `Export Default Const` invalid?
  15. Why is process.env.NODE_ENV undefined?
  16. Better way to sum a property value in an array
  17. Javascript require() function giving ReferenceError: require is not defined
  18. jQuery AJAX cross domain
  19. How to extract extension from filename string in Javascript?
  20. keep getting “? Something is already running on port 3000” when I do npm start on react app
  21. How to remove text from a string?
  22. Convert character to ASCII code in JavaScript
  23. Disable same origin policy in Chrome
  24. How do I remove a key from a JavaScript object?
  25. What is causing the error `string.split is not a function`?
  26. Difference between innerText, innerHTML and value?
  27. Uncaught TypeError: data.push is not a function
  28. Length of a JavaScript object
  29. How to check a radio button with jQuery?
  30. Get current URL with jQuery?
  31. How to get JSON from URL in JavaScript?
  32. How do you put an image file in a json object?
  33. How can I add a class to a DOM element in JavaScript?
  34. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  35. Module not found: Error: Can’t resolve ‘fs’ in
  36. TypeError: $(…).modal is not a function with bootstrap Modal
  37. How to do fade-in and fade-out with JavaScript and CSS
  38. I want to remove double quotes from a String
  39. Calculating median – javascript
  40. Vue is not defined
  41. npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\Nuwanst\package.json’
  42. How to change value of object which is inside an array using JavaScript or jQuery?
  43. How to detect pressing Enter on keyboard using jQuery?
  45. How to make your Discord Bot always active
  46. How to write inside a DIV box with javascript
  47. use Lodash to sort array of object by value
  48. How to make an HTML back link?
  49. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  50. How to make fadeOut effect with pure JavaScript
  51. “Cross origin requests are only supported for HTTP.” error when loading a local file
  52. What is ‘xmlhttp.setRequestHeader();’ and in which situations is it used?
  53. Write / add data in JSON file using Node.js
  54. Set scroll position
  55. .filter is not a function 
  56. Function overloading in Javascript – Best practices 
  57. Wait until flag=true
  58. Adding javascript to child theme
  59. What does l10n.js do in WordPress 3.1? And how do I remove it?
  60. How to add javascript just before the closing body tag in the footer of WordPress
  61. Open media frame and select an attachment
  62. Loading different JS for http and https
  63. Loading Javascript Only When Specific Content Existing in a Post?
  64. How to pre-fill Google Forms URLs with logged-in WordPress user’s data
  65. Use of Javascript with Dojo/Dijit on a WordPress page
  66. WordPress loads whole jQuery UI library
  67. wp_register_script unable to link bootstrap JS
  68. Javascript that will execute on only child pages of a specific parent
  69. How do I change number of columns in a proper way in twentyfourteen child theme?
  70. How do I embed a Javascript form directly into a page?
  71. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  72. Using google graph api with wordpress
  73. Using wp.data.select get actual tags (not id’s) used in post
  74. JavaScript && operator in visual editor
  75. How to deal with the confliction between PHP-Markdown and MathJax?
  76. Programatically update posts in database from one block to another using transform
  77. Mouse wheel Auto scroll to anchor [closed]
  78. Gutenberg richtext block vaildation failed
  79. Custom Gutenberg-Block esnext pass variables
  80. Javascript only works if browser Developer Tools panel is open
  81. How to read inline-CSS from Gutenberg block?
  82. WP adds long version query strings to CSS and JS files
  83. javascript not loading
  84. How does WP determine the difference between a post and a page url
  85. Load content dynamically & resize event
  86. creating a static HTML/JS/PHP page
  87. Newest version of javascript
  88. wp_enqueue_script does not recognize my js file?
  89. ‘ajaxurl’ is undefined — wp-includes/js/wp-lists.js
  90. What to include to use jQuery UI Auto Complete
  91. create timestamp links to jump to specific times on rumble videos
  92. script not working anymore after saving widget settings
  93. Loading two versions of same JS libary
  94. Error handling for wpdb error – displaying an error message to the user
  95. load-scripts.php loads incorrect file names
  96. Don’t understand how to link Javascript files in WordPress
  97. Where to include JS library in gutenberg blocks
  98. Theme path of WordPress inside javascript file
  99. Error – Uncaught TypeError: e.dispatchEvent is not a function
  100. Is it possible to add javascript to template parts

Leave a Comment