본 콘텐츠로 건너뛰기
@capgo/capacitor-PDF-Viewer 파일 및 저장소 오픈 소스

PDF 뷰어 Capacitor 플러그인

iOS, Android 및 웹에서 경로, URL, base64, 인라인 모드 및 암호 지원과 함께 내장 PDF 보기를.embed

설치

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

Guide

Capacitor

@capgo/capacitor-pdf-viewer

iOS, 안드로이드, 웹에서 PDF를 원본으로 보는 네이티브 PDF 뷰어

설치

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

이 플러그인이 제공하는 것

  • open - 파일, 경로, URL, base64, 또는 인라인 모드에서 PDF를 열 수 있습니다.
  • close - 현재 뷰어를 닫고 overlay를 제거합니다.
  • goToPage - 1-based 페이지 번호로 이동합니다.
  • setZoom - 줌 스케일 멀티플리케이터를 설정합니다.
  • getPluginVersion - 네이티브 또는 웹 구현 버전 마커를 가져옵니다.
  • addListener - 로드, 페이지 변경, 오류, 닫기, 및 링크 클릭 이벤트를 듣습니다.

예제 사용

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

전체 참조

FAQ

PDF Viewer 플러그인 FAQ

PDF Viewer 플러그인을 Capacitor 앱에 어떻게 설치하나요?

Run "bun add @capgo/capacitor-pdf-viewer" (또는 "npm install @capgo/capacitor-pdf-viewer")를 실행한 다음 "bunx cap sync"을 실행하여 iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 capgo/capacitor-pdf-viewer를 앱 code에서 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-pdf-viewer가 작동하나요?

네. PDF Viewer는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내부에서 작동하는 경우에 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-pdf-viewer를 지원하나요?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-pdf-viewer는 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-pdf-viewer/ and the package is free to install from npm. Bug reports and pull requests are welcome.

code가 PDF Viewer를 사용하는 경우 App Store 리뷰 없이 업데이트가 가능한가요?

플러그인을 설치하거나 업그레이드하면 네이티브 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 PDF Viewer 변경을 배포하세요

플러그인을 스토어 빌드에 추가한 후, Capgo 라이브 업데이트를 통해 사용자에게 몇 분 만에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo 시작