Redacting PDFs in UI or Programmatically using JavaScript

Redactions can be applied using the WebViewer UI or programmatically.

A user can simply click on a redaction annotation and click on the apply button to apply a single redaction. Try this out now with our redaction demo.

There is also an 'Apply All' button that applies every redaction annotation in the document.

Redactions can be applied using the applyRedactions function on AnnotationManager. applyRedactions returns a promise and can be used to apply a single redaction, an array of redactions, or all redactions in a document. When using WebViewer Server, the returned promise will resolve to a response object with a URL to download the redacted document.

const redactionList = annotManager.getAnnotationsList().filter(annot => annot instanceof Annotations.RedactionAnnotation);

// apply a single redaction
annotManager.applyRedactions(redactionList[0])
  // When using WebViewer Server, 'results' will be a response object with a 'url' property for downloading the redacted document.
  .then(results => {
    return annotManager.applyRedactions(redactionList.filter(redaction => redaction.Author === 'User'));
    // When using WebViewer Server, the previous redaction will not appear in the results. It'll only redact the redactions provided to 'applyRedactions'.
    // However when using 'fullAPI', the document will have all previously applied redactions
  })
  .then(results => annotManager.applyRedactions());