WebViewer is a powerful JavaScript-based PDF Library that is part of the Apryse PDF SDK. This repo is specifically designed for any users interested in making their own UI.
This sample codebase demonstrates
- How to leverage Apryse's document renderer without an
<iFrame> - How to define custom
<button>elements and implement functionality from the Apryse SDK such as- Zoom In/Out
- Drawing Rectangles
- Select Tool
- Creating and Applying Redactions
- How to implement searching using DocViewer Search APIs
Before you begin, make sure your development environment includes Node.js.
git clone https://github.com/ApryseSDK/webviewer-custom-ui.git
cd webviewer-custom-ui
npm install
npm start
Run npm run build to build the project. The build artifacts will be stored in the build/ directory. See the section about deployment for more information.
To test the build directory locally you can use serve or http-server. In case of serve, by default it strips the .html extension stripped from paths. We added serve.json configuration to disable cleanUrls option.
For more information, refer to Full API for PDF processing and Class: WebViewerInstance.
For a live demo of the WebViewer capabilities, refer to the Apryse WebViewer Demo: JavaScript PDF Viewer Demo.
Submission to this repo is governed by these guidelines.
For licensing, refer to License.