Printer

A bunch of printig plugins for Cordova 3.x.x
Sebastián Katzer0.6.0dev0
platforms: ios,android,windows8
$ cordova plugin add de.appplant.cordova.plugin.printer

Cordova Printer-Plugin

A bunch of printing plugins for Cordova 3.x.x

by Sebastián Katzer (github.com/katzer)

Supported Platforms

  • iOS (Print from iOS devices to AirPrint compatible printers)
    See Drawing and Printing Guide for iOS for detailed informations and screenshots.

  • Android (Print through 3rd party printing apps)

Adding the Plugin to your project

Through the Command-line Interface:

# from master:
cordova plugin add https://github.com/katzer/cordova-plugin-printer.git
cordova build

# stable version:
cordova de.appplant.cordova.plugin.printer
cordova build

Removing the Plugin from your project

Through the Command-line Interface:

cordova plugin rm de.appplant.cordova.plugin.printer

PhoneGap Build

Add the following xml to your config.xml to always use the latest version of this plugin:

<gap:plugin name="de.appplant.cordova.plugin.printer" />

or to use this exact version:

<gap:plugin name="de.appplant.cordova.plugin.printer" version="0.5.1" />

More informations can be found here.

Release Notes

Version 0.6.0 (not yet released)

  • [feature]: Added Windows8 support
    Thanks to pirvudoru

Version 0.5.2 (22.03.2014)

  • [bugfix:] isServiceAvailable on Android did not return a list of available printing apps.

Version 0.5.1 (15.12.2013)

  • Removed Android KitKat support (See kitkat branch)

Version 0.5.0 (yanked)

  • Release under the Apache 2.0 license.
  • [change:] Removed the callback property from the print interface.
  • [enhancement:] Added Android KitKat support
    Based on the Print Android plugin made by Eion Robb

Version 0.4.0 (24.08.2013)

  • [feature]: Added Android support
    Based on the Print Android plugin made by Eion Robb
  • [feature]: print() accepts a 4th arguments for platform specific properties.
  • [change]: the callback of print() will be called with a result code about the user action.

Version 0.2.1 (13.08.2013)

  • [feature]: Support for callback scopes.

Version 0.2.0 (11.08.2013)

  • [feature]: Added iOS support
    Based on the Print iOS plugin made by Randy McMillan

Using the plugin

The plugin creates the object window.plugin.printer with two methods:

isServiceAvailable()

Printing is only available on devices capable of multi-tasking (iPhone 3GS, iPhone 4 etc.) running iOS 4.2 or later. You can use this function to hide print functionality from users who will be unable to use it.
Function takes a callback function, passed to which is a boolean property. Optionally you can assign the scope in which the callback will be executed as a second parameter (default to window).

/*
 * Find out if printing is available. Use this for showing/hiding print buttons.
 */
window.plugin.printer.isServiceAvailable(
    function (isAvailable) {
        alert(isAvailable ? 'Service is available' : 'Service NOT available');
    }
);

print()

Function takes an html string.

Note: All required CSS rules needs to be included as well.

// Get HTML string
var page = document.body.innerHTML;

// Pass the HTML
window.plugin.printer.print(page);

Platform specifics

Get all available printing apps on Android

The callback function will be called with a second argument which is an array, indicating which printer apps are available for printing.

window.plugin.printer.isServiceAvailable(
    function (isAvailable, installedAppIds) {
        alert('The following print apps are installed on your device: ' + installedAppIds.join(', '));
    }
);

Specify printing app on Android

An App-ID can be assigned as a platform configuration to indicate which 3rd party printing app shall be used. Otherwise the first found application will be used.

window.plugin.printer.print(page, { appId: 'epson.print' });

Quirks

Testing in the iOS Simulator

There's no need to waste lots of paper when testing - if you're using the iOS simulator, select File->Open Printer Simulator to open some dummy printers (print outs will appear as PDF files).

Adding Page Breaks to Printouts

Use the 'page-break-before' property to specify a page break, e.g.

<p>
First page.
</p>

<p style="page-break-before: always">
Second page.
</p>

See W3Schools for more more information: http://www.w3schools.com/cssref/pr_print_pagebb.asp

Note: you will need to add an extra top margin to new pages.

Printing on Real Printers (iOS)

Printing is only supported on AirPrint-enabled printers or with the use of third-party software on your computer. The following pages contain more information:

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

License

This software is released under the Apache 2.0 License.