Zum Hauptinhalt springen
@capgo/capacitor-pdf-viewer Dateien & Speicher Open Source

PDF-Viewer Capacitor Plugin

Native PDF-Ansicht in iOS, Android und Web einbetten – mit Pfaden, URLs, Base64, Inline-Modus und Passwortschutz

Installieren

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

Anleitung

PDF Viewer in Capacitor nutzen

Mit @capgo/capacitor-pdf-viewer

Native PDF-Anzeige auf iOS (PDFKit), Android (Pdfium) und Web via Pfaden, URLs, Base64 oder Inline-Modus.

Installieren

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

Was dieses Plugin bereitstellt

  • open - PDF aus Datei, Pfad, URL oder Base64 öffnen.
  • close - Aktiven Viewer schließen und Overlays entfernen.
  • goToPage - Zu einer Seitennummer (1-basiert) springen.
  • setZoom - Zoom-Faktor festlegen.
  • getPluginVersion - Versionsmarker der Native- oder Web-Implementierung abrufen.
  • addListener - Auf load-, pageChange-, error-, close- und linkTap-Events hören.

Anwendungsbeispiel

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();

Vollständige Referenz

FAQ

PDF Viewer Plugin FAQ

Wie installiere ich das PDF Viewer Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-pdf-viewer" (oder "npm install @capgo/capacitor-pdf-viewer") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner App code aus "@capgo/capacitor-pdf-viewer".

Funktioniert @capgo/capacitor-pdf-viewer mit React, Vue und Angular?

Ja. Der PDF Viewer ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-pdf-viewer?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-pdf-viewer kostenlos und Open Source?

Ja. Der Source Code von code ist auf GitHub unter https://github.com/Cap-go/capacitor-pdf-viewer/ öffentlich und das Package lässt sich kostenlos über npm installieren. Bug Reports und Pull Requests sind willkommen.

Kann ich code, das PDF Viewer nutzt, ohne App Store Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Dateien & Speicher

Verwandte Plugins

Alle Plugins durchsuchen →

Änderungen am PDF Viewer ausliefern, ohne auf die App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo