0.0.5 • Published 8 months ago
@nerdynaga/capacitor-plugin-printer v0.0.5
Printer.print({ content: '<b>Lorem ipsum...</b>'})Versions
| Capacitor Version | Plugin Version |
|---|
| v7.x | v0.0.4+ |
Supported Platforms
- Android 5.1+
- iOS 13+
Supported Contents
- HTML (can use CSS inline styling)
- Text
- Image(as HTML)
- Base64(PDF & image) (since v0.0.5)
Installation
npm install @mozhuilungdsuo/capacitor-plugin-printer
npx cap syncUsage
import { Printer } from '@mozhuilungdsuo/capacitor-plugin-printer';
.
.
.
Printer.print({ content: 'Lorem ipsum...', name: 'lorem-filename', orientation: 'landscape' })Examples
Text:
Printer.print({ content: 'Lorem ipsum...'})HTML:
Printer.print({ content: '<h1>Lorem</h1>'})Printing multiple HTML elements:
let contentTest: string = "";
contentTest += '<li style="color:green">Tea</li>'
contentTest += '<li style="font-size:50px">Coffee</li>'
contentTest += '<img src="https://picsum.photos/200">'
Printer.print({ content: contentTest })Images with HTML:
Printer.print({ content: '<img src="base64/url/path">'})with inline CSS:
Printer.print({ content: '<b style="color:red">Lorem ipsum</b>'})Base64:
// (since v0.0.5)
// Base64 decoder supports Plain text(just the Base64 value) & Data URI(data:content/type;base64)
Printer.print({ content: 'base64:...'})API
print(...)
print(printOptions: PrintOptions) => Promise<void>| Param | Type |
|---|---|
printOptions | PrintOptions |
Interfaces
PrintOptions
| Prop | Type | Description | Default | Since |
|---|---|---|---|---|
content | string | HTML content for print. | 0.0.1 | |
name | string | Name of the print of the document. | iOS=YourAppName/Android=Document+CurrentTimestamp | 0.0.1 |
orientation | string | Orientation of the printing page. "portrait" or "landscape" | "portrait" | 0.0.1 |