PDF.js Express Plusplay_arrow

Professional PDF.js Viewing & Annotations - Try for free

side menu

Get Started

play_arrow

Learn more

play_arrow

Common use cases

play_arrow

Open a document

play_arrow

Save a document

play_arrow

Viewer

play_arrow

UI Customization

play_arrow

Annotations

play_arrow

Collaboration

play_arrow

Forms

play_arrow

Signature

play_arrow

Searching

play_arrow

Measurement

play_arrow

Compare

play_arrow

Advanced Capabilities

play_arrow

PDF.js Express REST API

play_arrow

Migration Guides

play_arrow

Annotation History

The following features are available in:

check

PDF.js Express Viewer

help_outline

PDF.js Express Viewer is a free viewer with limited capabilities compared to PDF.js Express Plus

check

PDF.js Express Plus

help_outline

PDF.js Express Plus is a commercial PDF SDK for viewing, annotating, signing, form filling and more

The Annotation History Manger keeps track of changes the user has recently made to any annotations. It contains APIs to undo and redo these changes.

To get a reference to the history manager, use the docViewer.getAnnotationHistoryManager() API. From there, you can can call functions such as undo() and redo().

For example, to make your own custom button that undoes the last change to an annotation, you could do something like this:

WebViewer({...}, ele)
  .then(instance => {

    const { docViewer } = instance;

    docViewer.on('annotationsLoaded', () => {
      const historyManager = docViewer.getAnnotationHistoryManager();

      document.getElementById('undo-button').onclick = () => {
        if(historyManager.canUndo()) {
          historyManager.undo();
        }
      }
    })

  })
WebViewer({...}, ele)
  .then(instance => {

    const { documentViewer } = instance.Core;

    documentViewer.addEventListener('annotationsLoaded', () => {
      const historyManager = documentViewer.getAnnotationHistoryManager();

      document.getElementById('undo-button').onclick = () => {
        if(historyManager.canUndo()) {
          historyManager.undo();
        }
      }
    })

  })