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:
WebViewer(...)
.then(instance => {
const { docViewer, annotManager } = instance;
docViewer.on('annotationsLoaded', () => {
const annots = annotManager.getAnnotationsList();
// remove annotations
annotManager.deleteAnnotations(annots);
});
});
WebViewer(...)
.then(instance => {
const { documentViewer, annotationManager } = instance.Core;
documentViewer.addEventListener('annotationsLoaded', () => {
const annots = annotationManager.getAnnotationsList();
// remove annotations
annotationManager.deleteAnnotations(annots);
});
});
