Guía
Cómo usar Printer en Capacitor
Usando @capgo/capacitor-printer
Plugin Capacitor para imprimir documentos, HTML, PDFs, imágenes y web views.
Instalar
bun add @capgo/capacitor-printer
bunx cap sync
Lo que expone este plugin
printBase64- Muestra la interfaz de impresión para archivos en base64.printFile- Muestra la interfaz de impresión para archivos del dispositivo.printHtml- Muestra la interfaz de impresión para documentos HTML.printPdf- Muestra la interfaz de impresión para documentos PDF.
Ejemplo de uso
printBase64
Muestra la interfaz de impresión para archivos 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
Muestra la interfaz de impresión para archivos del dispositivo.
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
Muestra la interfaz de impresión para documentos 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
Muestra la interfaz de impresión para documentos 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',
});
Referencia completa
- GitHub: https://github.com/Cap-go/capacitor-printer/
- Docs: /docs/plugins/printer/
Continúa con Using @capgo/capacitor-printer
Si estás usando Uso de @capgo/capacitor-printer para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-printer para los detalles de implementación en @capgo/capacitor-printer, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.