menusal / printme

jQuery PrintMe - A jQuery plugin for print any page element

jQuery PrintMe

Yes! Another jQuery plugin for print any page element

PrintMe is a lightweight Plugin to print any html element.

Why PrintMe?

I'm bored and a plugin was born. It is the story of my life. I'm bored, plugin, again and again ...

Usage

Step 1 Include your Javascript

printMe is a jQuery plugin, so you gotta have that first:

A jQuery base script: src"//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"

Then, just include jqueryprintme.js, wherever it lives on your server:

A printMe script: src"path_to/jqueryprintme.js"

Step 2 PrintMe!

Now you can print any element.

Here are a few examples:

Basic:

$("#example").printMe();

With external css styles, add all stylesheets you can need in the array

$("#example").printMe({ "path": ["path_to/external.css","path_to/external2.css"] });

With title

$("#example").printMe({ "title": "The title" });

Options

path: Array with a external css file location
title: The document header title

Examples

Some examples here

About

PrintMe has been developped by Daniel Arlandis @menusal

That's about all there is to know! Happy printing! If you find any interesting uses for this little library, please let me know! Issues and Pull Requests are more than welcome!

If you have any questions, drop me a line at: [email protected]

printme's Issues

printing large Table-Data

Hi,
so I'm trying to print large Table-Data.
Is it possible to change the page orientation by default to horizontal?
Also can a large table be broken down to several pages?

Chrome not Able to print with external style sheet

It looks like chrome is having an issue with trying to use an external style sheet. It appears to not even be working in your examples.

Styles not loaded into print page

Hi, i have set css style into my page, but can't loaded on print page.

Here my screenshots:
on html page:

and here on print page:

Here my style on page:
<link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ asset('dist/css/AdminLTE.min.css') }}">
<link rel="stylesheet" href="{{ asset('dist/css/app.css') }}">

and my js code:

Internet Explorer - prints entire page

Have a table inside a div that scrolls. Using Internet explorer just the page prints not the massive table inside the div. Using version 10 of IE.