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 interacts with the core library to view, annotate, and manipulate PDFs that can be embedded into any web project.
This repo is specifically designed for any users interested in integrating WebViewer into AngularJS.
Before you begin, make sure your development environment includes:
- Node.js.
- IDE used in this sample is Visual Studio Code.
- GitHub command line
git
. - Angular CLI:
npm install -g @angular/cli
. If an unsupported engine message appears, make sure to install a compatible NodeJS version.
gh repo clone ApryseSDK/webviewer-angularjs-sample
cd webviewer-angularjs-sample
npm install
npm start
Navigate to http://localhost:3000/
. The app will automatically reload if you change any of the source files.
WebViewer Full API is a complete browser side PDF SDK, unlocking viewing, parsing and editing of PDF files. To enable full API, you can modify constructor in components.js:
WebViewer({
path: 'lib', // path to the PDFTron 'lib' folder on your server
initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf',
+ fullAPI: true
}, document.getElementById('viewer'))
Visit Apryse's WebViewer page to see what else you can do with the WebViewer.
Refer to a running sample on Apryse SDK showcase page.
Any submission to this repo is governed by these guidelines.
For licensing, refer to License.