Skip to content

Latest commit

 

History

History
52 lines (34 loc) · 1.83 KB

README.md

File metadata and controls

52 lines (34 loc) · 1.83 KB

WebViewer - Custom UI

WebViewer is a powerful JavaScript-based PDF Library that's part of the PDFTron PDF SDK. This repo is specifically designed for any users interested in making their own UI.

This sample codebase demonstrates

  • How to leverage PDFTron's document renderer without an <iFrame>
  • How to define custom <button> elements and implement functionality from the PDFTron SDK such as
    • Zoom In/Out
    • Drawing Rectangles
    • Select Tool
    • Creating and Applying Redactions
  • How to implement searching using DocViewer Search APIs

Initial setup

Before you begin, make sure your development environment includes Node.js.

Install

git clone https://github.com/PDFTron/webviewer-custom-ui.git
cd webviewer-custom-ui
npm install

Run

npm start

Build

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.

WebViewer APIs

See API documentation.

Contributing

See contributing.

License

See license.