• Stars
    star
    312
  • Rank 134,133 (Top 3 %)
  • Language
    Objective-C
  • License
    Apache License 2.0
  • Created over 11 years ago
  • Updated 9 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Print HTML documents

SAMPLE APP πŸ‘‰

Cordova Print Plugin
npm version License PayPayl donate button

Plugin for Cordova to print documents, photos, HTML and plain text from iOS, Android and Windows Universal apps.

cordova.plugins.printer.print('<b>Hello Cordova!</b>');

Supported Printer Interfaces

  • Apple AirPrint
  • Android Print
  • Windows Print

Supported Content

  • HTML
  • Text
  • Base64
  • Images
  • PDF

Supported Platforms

  • Android 4.4+
  • iOS 10+
  • Windows 10 UWP
  • Browser

Basics

The plugin creates the object cordova.plugins.printer and is accessible after the deviceready event has been fired.

document.addEventListener('deviceready', function () {
    // cordova.plugins.printer is now available
}, false);

Prints the contents of the web view:

cordova.plugins.printer.print();

Plain text:

cordova.plugins.printer.print("Hello\nWorld!");

HTML & CSS:

cordova.plugins.printer.print('<h1>Hello World!</h1>');

Images, PDF and other documents:

cordova.plugins.printer.print('file://img/logo.png');

Base64 encoded content:

cordova.plugins.printer.print('base64://...');

Note: On the browser platform the plugin only supports to print the contents of the web view.

Formatting

It's possible to pass format options to the print method that overrides the defaults:

cordova.plugins.printer.print(content, options, callback);

The defaults are defined as follows:

cordova.plugins.printer.setDefaults({ monochrome: true });

The list of possible options depend on the platform, the content type and the capabilities of the printer.

Name Description Type Platform
name The name of the print job and of the document. String all
copies The number of copies for the print task. Number iOS
Windows
pageCount Limits the pages to print even the document contains more.
To skip the last n pages you can assign a negative value on iOS.
Number iOS
Android
duplex Either double-sided on short site (duplex:'short'), double-sided on long site (duplex:'long') or single-sided (duplex:'none'). String all
orientation The orientation of the printed content, portrait or landscape. String all
monochrome If your application only prints black text, setting this property to true can result in better performance in many cases. Boolean all
photo Set to true to change the media type to photography for higher quality. Boolean iOS
Windows
autoFit Set to false to disable downscaling the image to fit into the content aread. Boolean Android
printer The network URL to the printer. String iOS
maxHeight
maxWidth
Defines the maximum size of the content area. Unit iOS
margin Set to false to avoid margins. Boolean all
margin.top
margin.left
margin.right
margin.bottom
The margins for each printed page. Each printer might have its own minimum margins depends on media type and paper format. Unit iOS
ui.hideNumberOfCopies Set to true to hide the control for the number of copies. Boolean iOS
ui.hidePaperFormat Set to true to hide the control for the paper format. Boolean iOS
ui.top
ui.left
The position of the printer picker. Number iPad
ui.height
ui.width
The size of the printer picker. Number iPad
paper.width
paper.height
The dimensions of the paper – iOS will will try to choose a format which fits bests. Unit iOS
paper.name The name of the format like IsoA4 or Roll22Inch.
https://docs.microsoft.com/en-us/uwp/api/windows.graphics.printing.printmediasize
String Windows
paper.length On roll-fed printers you can decide when the printer cuts the paper. Unit iOS
font.name The name of the font family String iOS
font.size The size of the font Number iOS
Android
font.italic
font.bold
Set to true to enable these font traits. Boolean iOS
font.align Possible alignments are left, right, center and justified. String iOS
font.color The color of the font in hexa-decimal RGB format - "FF0000" means red. String iOS
header.height
footer.height
The height of the header or footer on each page. Unit iOS
header.labels
footer.labels
An array of labels to display. Only use if there are more then one. Array iOS
header.label.text
footer.label.text
The plain text to display. Use %ld to indicate where to insert the page index.
For example "Page %ld" would result into "Page 1", "Page 2", ...
String iOS
header.label.top
header.label.right
header.label.left
header.label.bottom
footer.label.*
The relative position where to place the label within the footer or header area. Unit iOS
header.label.font
footer.label.font
The font attributes for the label. Object iOS
header.label.showPageIndex
footer.label.showPageIndex
Set to true if you want to display the page index.
Boolean iOS

The Unit type can be either a (float) number or a string with a special suffix.

  • Supported unit suffixes are in for inches, mm for millimeters, cm for centimeters and pt for points
  • "2in" are two inches whereas 2.0 or "2.0pt" are identical for two points
  • One inch are 72.0 points

Direct Print

For iOS its possible to send the content directly to the printer without any dialog. Todo so pass the network URL as an option:

cordova.plugins.printer.print(content, { printer: 'ipp://...' });

To let the user pick an available printer:

cordova.plugins.printer.pick(function (url) {});

It's possible to specify the position of the picker:

cordova.plugins.printer.pick({ top: 40, left: 30 }, callback);

Note: By passing an invalid URL, the application will throw an Unable to connect to (null) exception and possibly crash.

Printable Document Types

The list of supported document types differ between mobile platforms. As of writing, Windows UWP only supports HTML and plain text.

To get a list of all printable document types:

cordova.plugins.printer.getPrintableTypes(callback);

To check if printing is supported in general:

cordova.plugins.printer.canPrintItem(callback);

Or in particular:

cordova.plugins.printer.canPrintItem('file://css/index.css', callback);

Sample

var options = {
    font: {
        size: 22,
        italic: true,
        align: 'center'
    },
    header: {
        height: '6cm',
        label: {
            text: "\n\nDie Freuden",
            font: {
                bold: true,
                size: 37,
                align: 'center'
            }
        }
    },
    footer: {
        height: '4cm',
        label: {
            text: 'Johann Wolfgang von Goethe, 1749-1832, deutscher Dichter, Naturforscher',
            font: { align: 'center' }
        }
    }
};

cordova.plugins.printer.print("Es flattert um die Quelle\nDie wechselnde Libelle,...", options);

The result will look like this for iOS:

ttt

Installation

Execute from the projects root folder:

$ cordova plugin add cordova-plugin-printer

Or install a specific version:

$ cordova plugin add cordova-plugin-printer@VERSION

Or install the latest head version:

$ cordova plugin add https://github.com/katzer/cordova-plugin-printer.git

Or install from local source:

$ cordova plugin add <path> --nofetch --nosave

Then execute:

cordova build

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.

Made with πŸ˜‹ from Leipzig

Β© 2013 appPlant GmbH

More Repositories

1

cordova-plugin-local-notifications

Cordova Local-Notification Plugin
Java
2,561
star
2

cordova-plugin-background-mode

Keep app running in background
Java
1,382
star
3

cordova-plugin-badge

Access and modify badge numbers
JavaScript
409
star
4

cordova-plugin-email-composer

Edit and send email messages
Objective-C
344
star
5

mruby-yeah

mruby on tiny rails
Ruby
40
star
6

cordova-plugin-hidden-statusbar-overlay

Cordova plugin to hide the statusbar and overlay on iOS
Objective-C
27
star
7

cordova-plugin-app-event

Cordova App-Event Plugin
Objective-C
26
star
8

mruby-shelf

Modular webserver interface for mruby
Ruby
24
star
9

mruby-r3

mruby bindings for libr3
C
15
star
10

mruby-logger

A simple but sophisticated logging utility that you can use to output messages
Ruby
7
star
11

mruby-os

Determine system and binary capabilities at runtime
Ruby
6
star
12

mruby-terminal-table

mruby table generator
Ruby
6
star
13

mruby-ssh

SSH client for mruby
Ruby
6
star
14

mruby-tiny-opt-parser

Command-line option analysis for mruby
Ruby
3
star
15

mruby-heeler

multi-process web server for shelf
Ruby
2
star
16

ski

Sascha Knows It
Ruby
1
star
17

mrubycross

Docker images to cross compile mruby
1
star
18

mruby-unicode-display_width

Monospace Unicode character width in mruby
C
1
star
19

mruby-sftp

SFTP client for mruby
Ruby
1
star
20

mruby-sftp-glob

SFTP::Dir#glob extension for mruby-sftp
Ruby
1
star
21

hidemyass2

Hide My Ass! /2 fetches proxies at www.hidemyass.com
Ruby
1
star
22

docker-images

Docker images for mruby-cli based binaries
1
star
23

senchatouch-windowsphone-fontface

@font-face replacement for Sencha Touch on Windows Phone
CSS
1
star
24

cordova-common-registerusernotificationsettings

Implements didRegisterUserNotificationSettings and broadcasts the event
Objective-C
1
star
25

iss

API endpoint for Orbit
Ruby
1
star
26

mruby-shelf-deflater

Shelf middleware enables compression of http responses.
Ruby
1
star