Save a pre element as PDF with CSS

by

Try opening new window , appending pre html , style , if any for pre element, to new window document.body , calling .focus() , .print() on new window ; select system print dialog, select “Print to file”

$("#save").click(function() {
  var text = $("#output")[0].outerHTML;
  // `styles`: `style` element; 
  // or `String` "<style>.light{color:#0af;}</style>" ;
  // alternatively , add `style` attribute to `pre` element directly,
  // e.g., `<pre style="color:#0af;">`
  var styles = $("style")[0].outerHTML;
  var popup = window.open("", "popup");
  // append `text`:`pre` element `styles`:`style` element
  // at `popup` `document.body`
  popup.document.body.innerHTML = text + styles;
  popup.focus();
  popup.print();
});

jsfiddle http://jsfiddle.net/tn04Ldka/2/

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. jQuery .animate function not responding properly
  4. How to force browser to show image 3 inches wide?
  5. Reloading a single div in an html page [closed]
  6. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  7. How could I make a calendar? [closed]
  8. How can this page scroll (it doesn’t work properly)?
  9. fixing slider on my website [closed]
  10. Can I use HTML tags in the options for select elements? [duplicate]
  11. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  12. make html text input field grow as I type?
  13. focus doesn’t work in IE
  14. how to disable DIV element and everything inside [duplicate]
  15. Scale a div to fit in window but preserve aspect ratio
  16. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. Load HTML page dynamically into div with jQuery
  19. Possible to associate label with checkbox without using “for=id”?
  20. jQuery position DIV fixed at top on scroll
  21. How to define the css :hover state in a jQuery selector?
  22. jQuery in Chrome returns “block” instead of “inline”
  23. Detect browser wrapped lines via javascript
  24. Extracting text from a contentEditable div
  25. Prevent iOS bounce without disabling scroll ability
  26. How to increase width of underline for the multiline text when on hover
  27. How can I dynamically highlight strings on a web page?
  28. Detect if dropdown navigation would go off screen and reposition it
  29. Iframe inherit from parent
  30. Bootstrap Dropdown menu is not working

Leave a Comment