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 specifically designed for any users interested in integrating WebViewer into a TypeScript project. WebViewer has a comprehensive definition file ready for use by just adding a reference to the definition file.
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.
You can obtain the trial key 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 index.ts file at /src/index.ts
- Replace 'Insert commercial license key here after purchase' with your license key
- Save the file
git clone --depth=1 https://github.com/ApryseSDK/webviewer-samples.git
cd webviewer-samples/webviewer-typescript
npm installSetup the TypeScript compiler to watch for changes and recompile the source file:
npm run watchOpen a different shell service and run:
npm start