Skip to content
jQuery plugin for print preview (modal window)
Latest commit d56b05d Jan 25, 2012 @etimbo Timestamp source
Failed to load latest commit information.
example * Move keybinding to example/demo Jun 12, 2011
src Timestamp source Jan 25, 2012 Add link to corresponding article Aug 20, 2011

jQuery Print Preview plugin

The jQuery Print Preview plugin is designed to provide visitors with a preview of the print version of a web site. Unlike traditional print previews this plugin brings in all content and print styles within a modal window.

Check out the demo



  • jQuery
  • A print stylesheeet with a media="print" attribute

Using the plugin:

  1. Pour in plugin CSS
  2. Add a print preview link and initalise the plugin like so

    $('#foo').prepend('Print this page'); $('a.print-preview').printPreview();

Supported Browsers

  • Internet Explorer 6, 7, 8 and 9
  • Safari
  • Google Chrome
  • Firefox


Developed by Tim Connell. Released in conjunction with Sitepoint/Design Festival.


Copyright 2011, Tim Connell Licensed under the GPL Version 2 license


Grab the tarball containing source files and demo.

Something went wrong with that request. Please try again.