Mit @capgo/capacitor-drucker

Capacitor plugin for printing documents, HTML, PDFs, images and web views.

Installieren

bun add @capgo/capacitor-printer
bunx cap sync

Was diese Erweiterung bereitstellt

printBase64 - Präsentiert die Druck-UI, um Dateien als base64-Strings auszudrucken.
printFile - Präsentiert die Druck-UI, um Gerätedateien auszudrucken.
printHtml - Präsentiert die Druck-UI, um HTML-Dokumente auszudrucken.
printPdf - Präsentiert die Druck-UI, um PDF-Dokumente auszudrucken.

Beispiel für die Verwendung

`printBase64`

Präsentiert die Druck-UI, um Dateien als base64-Strings auszudrucken.

import { Printer } from '@capgo/capacitor-printer';

// Print a base64 encoded PDF
await Printer.printBase64({
  name: 'Invoice #12345',
  data: 'base64-encoded-pdf-data',
  mimeType: 'application/pdf',
});

// Print a base64 encoded image
await Printer.printBase64({
  name: 'Product Photo',
  data: '/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDA...',
  mimeType: 'image/jpeg',
});

`printFile`

Präsentiert die Druck-UI, um Gerätedateien auszudrucken.

import { Printer } from '@capgo/capacitor-printer';

// iOS: Print from app documents directory
await Printer.printFile({
  name: 'Contract',
  path: 'file:///var/mobile/Containers/Data/Application/.../Documents/contract.pdf',
});

// Android: Print from content URI
await Printer.printFile({
  name: 'Receipt',
  path: 'content://com.android.providers.downloads.documents/document/123',
  mimeType: 'application/pdf',
});

// Android: Print from file path
await Printer.printFile({
  name: 'Photo',
  path: 'file:///storage/emulated/0/Download/photo.jpg',
  mimeType: 'image/jpeg',
});

`printHtml`

Präsentiert die Druck-UI, um HTML-Dokumente auszudrucken.

import { Printer } from '@capgo/capacitor-printer';

// Simple HTML document
await Printer.printHtml({
name: 'Sales Report',
html: '<html><body><h1>Q4 Sales Report</h1><p>Revenue: $125,000</p></body></html>',
});

// HTML with print-specific CSS
await Printer.printHtml({
name: 'Styled Invoice',
html: `
<html>
<head>
<style>

`printPdf`

Präsentiert die Druck-UI, um PDF-Dokumente auszudrucken.

import { Printer } from '@capgo/capacitor-printer';

// Print PDF from app storage
await Printer.printPdf({
  name: 'Annual Report 2024',
  path: 'file:///var/mobile/Containers/Data/Application/.../Documents/report.pdf',
});

// Print PDF from Android downloads
await Printer.printPdf({
  name: 'Downloaded Document',
  path: 'content://com.android.providers.downloads.documents/document/123',
});

Vollständige Referenz

GitHub: https://github.com/Cap-go/capacitor-drucker/
Dokumentation: /docs/plugins/drucker/

Weitermachen von Using @capgo/capacitor-drucker

Wenn Sie bereits Mit @capgo/capacitor-drucker um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-drucker für die Implementierungsdetails in @capgo/capacitor-drucker, Einstieg für die Implementierungsdetails in Einstieg, Capgo Plugin-Verzeichnis für das Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Hinzufügen oder Aktualisieren von Plugins für die Implementierungsdetails in Hinzufügen oder Aktualisieren von Plugins.

Drucker

Tutorial zum Drucker