WebViewer is a powerful JavaScript-based PDF Library that is part of the Apryse SDK. It provides a slick out-of-the-box responsive UI that enables you to view, annotate and manipulate PDFs and other document types inside any web project.
This sample is designed to show you have to Integrate WebViewer into an Angular project. This project was generated with Angular CLI version 15.1.0. Read more about integrating with Angular
You can watch a video that walks you through how to embed Apryse's WebViewer inside of Angular project.
A license key is required to run WebViewer. You can obtain a trial key in our get started guides, or by signing-up on our developer portal.
Before you begin, make sure your development environment includes Node.js.
In order to set the license key, you will need to set the string in the WebViewer sample. One such way is by passing it into the constructor of the WebViewer: https://docs.apryse.com/documentation/web/faq/add-license/#passing-into-constructor
Follow the steps below to set the license key in this sample:
- Locate the app.component.ts file at ./src/app/app.component.ts
- Replace "your_license_key" with your license
- Save the file
git clone --depth=1 https://github.com/ApryseSDK/webviewer-samples.git
cd webviewer-samples/webviewer-angular
npm install
npm start
Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.