Imprimante Plugin Capacitor

Utiliser @capgo/capacitor-printer

Plugin Capacitor pour l'impression de documents, HTML, PDF, images et web views.

Installer

bun add @capgo/capacitor-printer
bunx cap sync

Ce que ce plugin expose

• printBase64 - Affiche l'interface d'impression pour les fichiers encodés en base64.
• printFile - Affiche l'interface d'impression pour les fichiers de l'appareil.
• printHtml - Affiche l'interface d'impression pour les documents HTML.
• printPdf - Affiche l'interface d'impression pour les documents PDF.

Exemple d'utilisation

printBase64

Affiche l'interface d'impression pour les fichiers encodés en base64.

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

Affiche l'interface d'impression pour les fichiers de l'appareil.

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

Affiche l'interface d'impression pour les documents HTML.

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

Affiche l'interface d'impression pour les documents PDF.

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',
});

Référence complète

• GitHub : https://github.com/Cap-go/capacitor-printer/
• Docs : /docs/plugins/printer/

Continuer avec l'utilisation de @capgo/capacitor-printer

Si vous utilisez Utiliser @capgo/capacitor-printer pour planifier le travail sur les plugins natifs, connectez-l’à @capgo/capacitor-printer pour le détail d’implémentation dans @capgo/capacitor-printer, Prise en main pour les détails d'implémentation dans Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.