Integrate WebViewer into Tomcat JavaServer Pages (JSP)

1WebViewer({
2    path: 'lib',
3    initialDoc: 'files/webviewer-demo-annotated.pdf'
4  }, document.getElementById('viewer'))
5  .then(function(instance) {
6
7    // you can access documentViewer object for low-level APIs
8    const { documentViewer } = instance.Core;
9
10    // now you can access APIs through this.webviewer.getInstance()
11    instance.UI.openElements(['notesPanel']);
12    // see https://www.pdftron.com/documentation/web/guides/ui/apis for the full list of APIs
13    
14    // or listen to events from the viewer element
15    document.getElementById('viewer').addEventListener('pageChanged', (e) => {
16      const [ pageNumber ] = e.detail;
17      console.log(`Current page is ${pageNumber}`);
18    });
19
20    // or from the documentViewer instance
21    documentViewer.addEventListener('annotationsLoaded', () => {
22      console.log('annotations loaded');
23    });
24
25    documentViewer.addEventListener('documentLoaded', function() {
26      // and access classes defined in the WebViewer iframe
27      const { Annotations, annotationManager } = instance.Core;
28      const rectangle = new Annotations.RectangleAnnotation();
29      rectangle.PageNumber = 1;
30      rectangle.X = 100;
31      rectangle.Y = 100;
32      rectangle.Width = 250;
33      rectangle.Height = 250;
34      rectangle.StrokeThickness = 5;
35      rectangle.Author = annotationManager.getCurrentUser();
36      annotationManager.addAnnotation(rectangle);
37      annotationManager.drawAnnotations(rectangle.PageNumber);
38      // see https://www.pdftron.com/api/web/WebViewer.html for the full list of low-level APIs
39    });
40
41  });
42