Remove PDF annotations using Javascript

Many users will remove or delete annotations using the WebViewer UI. The simplest way to do this with the WebViewer UI is to select the annotation and choose the delete/trash icon in the popup modal.

Programmatically

Annotations can also be deleted programmatically. You'll want to make sure that the annotations have already been loaded in the viewer.

For example to remove it immediately after the annotations are loaded then use the annotationsLoaded event:

JavaScript (SDK v8.0+)

WebViewer(...)
  .then(instance => {
    const { documentViewer, annotationManager } = instance.Core;

    documentViewer.addEventListener('annotationsLoaded', () => {
      const annots = annotationManager.getAnnotationsList();

      // remove annotations
      annotationManager.deleteAnnotations(annots);
    });
  });

WebViewerInstance DocumentViewer#annotationsLoaded AnnotationManager.getAnnotationsList AnnotationManager.deleteAnnotations

JavaScript (SDK v6.0+)

WebViewer(...)
  .then(instance => {
    const { docViewer, annotManager } = instance;

    docViewer.on('annotationsLoaded', () => {
      const annots = annotManager.getAnnotationsList();

      // remove annotations
      annotManager.deleteAnnotations(annots);
    });
  });

WebViewerInstance DocumentViewer#annotationsLoaded AnnotationManager.getAnnotationsList AnnotationManager.deleteAnnotations

Customize or modify a PDF before saving Full sample code demonstrating how to customize document save/download. In the example, annotations are deleted for rerendering and flattened before saving.