Saltare al contenuto principale
@capgo/capacitor-visualizzatore PDF File e Archiviazione Open source

Visualizzatore PDF plugin Capacitor

Embeddare la visualizzazione nativa dei PDF su iOS, Android e web con percorsi, URL, base64, modalità inline e supporto della password

Installa

bun add @capgo/capacitor-pdf-viewer bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-pdf-viewer
  • pnpm add @capgo/capacitor-pdf-viewer
  • yarn add @capgo/capacitor-pdf-viewer

Guida

Come utilizzare il visualizzatore PDF in Capacitor

Utilizza @capgo/capacitor-pdf-viewer

Visualizzazione nativa del PDF su iOS (PDFKit), Android (Pdfium) e web con percorsi, URL, base64 e modalità inline.

Installa

bun add @capgo/capacitor-pdf-viewer
bunx cap sync

Cos'è che questo plugin esporre

  • open - Apri un PDF da un file, percorso, URL o codice base64.
  • close - Chiudi il visualizzatore attivo e rimuovi eventuali overlay.
  • goToPage - Salta a una pagina con numero di pagina 1-based.
  • setZoom - Imposta il fattore di scala di zoom.
  • getPluginVersion - Ottieni il marchio di versione dell'implementazione nativa o web.
  • addListener Ascolta gli eventi di caricamento, cambio pagina, errore, chiusura e clic su link.

- Esempio di utilizzo

open

import { PdfViewer } from '@capgo/capacitor-pdf-viewer';

await PdfViewer.addListener('pageChange', ({ page, pageCount }) => {
  console.log(`Page ${page} of ${pageCount}`);
});

const { pageCount } = await PdfViewer.open({
  source: 'https://example.com/manual.pdf',
  mode: 'fullscreen',
  scrollMode: 'continuous',
  page: 1,
});

console.log(`Opened ${pageCount} pages`);

close

import { PdfViewer } from '@capgo/capacitor-pdf-viewer';

await PdfViewer.close();

- Riferimento completo

FAQ

Domande Frequenti del plugin PDF Viewer

Come posso installare il plugin PDF Viewer in un'app Capacitor?

Esegui "bun add @capgo/capacitor-pdf-viewer" (o "npm install @capgo/capacitor-pdf-viewer"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-pdf-viewer" nella tua app code.

Funziona @capgo/capacitor-pdf-viewer con React, Vue e Angular?

Sì. PDF Viewer è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione di Capacitor supportata da @capgo/capacitor-pdf-viewer?

Capgo plugin seguono la versione maggiore di Capacitor: utilizzare la versione maggiore del plugin che corrisponde alla tua versione maggiore di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

Il @capgo/capacitor-pdf-viewer è gratuito e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-pdf-viewer/ e il pacchetto è gratuito per l'installazione da npm. I rapporti di bug e le richieste di pull sono graditi.

Posso aggiornare code che utilizza PDF Viewer senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il code nativo, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere spedite immediatamente con Capgo live updates.

Invia le modifiche del lettore PDF senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua store build, Capgo le aggiornamenti in tempo reale inviano i cambiamenti JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo