webviewer-annotations-nodejs

WebViewer annotations sample - using files and Node.js backend

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.

• WebViewer Documentation
• WebViewer Demo

This is a WebViewer sample to show how you can save and load annotations through files with Node.js backend.

Get your trial key

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.

Initial setup

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

Install

git clone --depth=1 https://github.com/ApryseSDK/webviewer-samples.git
cd webviewer-samples/webviewer-annotations-nodejs
npm install

Run

npm start

How to use

• Create annotations with annotations tools in the header
• Save annotations with the save button in the header
• Load annotations by refreshing the app
• You can find annotation data saved into an XFDF file in server/xfdf folder