Reordering PDF pages using JavaScript

Pages in the PDF document can be reordered using the movePages function.

JavaScript (SDK v8.0+)

// config.js
const { documentViewer } = instance.Core;

documentViewer.addEventListener('documentLoaded', async () => {
  const doc = documentViewer.getDocument();
  const page1 = 1, page2 = 2, page3 = 3;

  const pagesToMove = [page2, page3];
  const insertBefore = page1;

  await doc.movePages(pagesToMove, insertBefore);
  // pages are now in the order of [page2, page3, page1];
});

WebViewerInstance DocumentViewer.getDocument Document.movePages

JavaScript (SDK v6.0+)

// config.js
const { docViewer } = instance;

docViewer.on('documentLoaded', async () => {
  const doc = docViewer.getDocument();
  const page1 = 1, page2 = 2, page3 = 3;

  const pagesToMove = [page2, page3];
  const insertBefore = page1;

  await doc.movePages(pagesToMove, insertBefore);
  // pages are now in the order of [page2, page3, page1];
});

WebViewerInstance DocumentViewer.getDocument Document.movePages