Integrate WebViewer JavaScript PDF Viewer & Editor into a Cordova App

This guide will show you how to integrate WebViewer Document Viewer & Editor into a Cordova application.

You can also download a ready-to-go sample on GitHub.

Prior to starting, you should have already installed Node and npm.

• Cordova CLI
• WebViewer will work for 7 days without any feature limitations. To extend your trial, sign-up to get your trial key.

Clone the webviewer-cordova-sample repository:

git clone https://github.com/PDFTron/webviewer-cordova-sample.git

Enter the directory and run npm install:

cd webviewer-cordova-sample
npm install

This will automatically download and extract the Apryse WebViewer Package.

Run the application by executing:

npm start

If your build fails, use the following command to see a list of requirements for your added platforms:

cordova requirements

To call more WebViewer APIs, open /www/js/index.js in your favorite text editor and add the API calls to the callback for the WebViewer instantiation:

For example, if you want to change the theme of the WebViewer to dark mode, you would add the following:

Execute npm start again and the theme of the viewer will change.

Usage Guides Samples API docs