Apryse WebViewer

WebViewer

WebViewer is a powerful JavaScript Document SDK and UI Component Library that is a part of the Apryse PDF SDK. It provides a slick, out-of-the-box responsive UI that interacts with the core library to view, annotate, and edit PDF, DOCX, XLSX, PPTX, images, videos, audio and CAD. It can be easily embedded into any JS project and is compatible with frameworks like React, Angular, Vue, Next.js, Nuxt, Electron, Svelte. WebViewer can also be integrated into Salesforce, Mendix, Appian, OutSystems, and SharePoint.

Demos

Trial

WebViewer comes with a 7-day trial without any feature limitations or trial key needed. To extend the trial, you can obtain the trial key by signing-up on our developer portal.

Instantiation

Full get-started guides and videos are available in our docs.

You must instantiate WebViewer in order to access classes and APIs.

WebViewer({
  licenseKey: 'YOUR_LICENSE_KEY'
}, document.getElementById('viewer'))
  .then(function(instance) {
    let documentViewer = instance.Core.documentViewer;
    let annotationManager = instance.Core.annotationManager;
    // call methods from instance, documentViewer and annotationManager as needed

    // you can also access major namespaces from the instances as follows:
    // let Tools = instance.Core.Tools;
    // let Annotations = instance.Core.Annotations;
  });

See WebViewer for details.

Frequently used namespaces/classes

  • WebViewer - Main instantiation function used to create a WebViewerInstance.
  • WebViewerInstance - An instance of WebViewer. Contains most APIs and Namespaces.
  • Core - The Core namespace on WebViewer instance. Contains APIs related to non-UI parts of WebViewer.
  • UI - The UI namespace on WebViewer instance. Contains APIs related to UI parts of WebViewer.
  • DocumentViewer - A control class used for document viewing and operations.
  • AnnotationManager - A control class used for annotation managing.
  • Document - A class representing a document.
  • Annotations - A namespace containing annotation classes.
  • Tools - A namespace containing tool classes.
  • PDFNet - A namespace containing PDFNet classes (used in fullAPI option).

Guides

You can check out our guides page here: WebViewer Guides

We also have guides on integrations with popular frameworks, which can be found here: Framework Integrations

Sample projects

We have sample projects available to be cloned, see the full list here: All Sample Projects

Most popular frameworks

+ More on the full list

Questions and support

We offer support to existing customers directly from the developers who built the SDK.

FreshDesk Support

Discord

Apryse Community Forum