pdf.js page reorder feature

Users are able to modify the page order and export the updated document after clicking the page thumbnail on the left. Featrue include moving up and down, pinning to the top and bottom, inserting new blank pages before and after, deleting pages, etc.

Operation	Description
① Drag thumbnail	Drag the thumbnail to another page location, there will be a black line at the target location, release the mouse and the page will be placed at the target location
② Move up	Move the target page up
③ Move down	Move the target page down
④ Pin top	Put the target page on the first page
⑤ Pin bottom	Put the target page on the last page
⑥ Insert-before	Insert a blank page before the target page
⑦ Insert-after	Insert a blank page after the target page
⑧ Delete	Delete pages and comments

Online Demo

Welcome to our online Demo to try and learn Live Demo: https://www.elasticpdf.com/demo

Function demonstration video

When operating, the real-time page number with blue background and white text will appear on the page. After downloading, the black page number will be regenerated at the bottom of the page, such as 1/7, 2/7, etc.

Tips: This article was first published on https://www.elasticpdf.com ，Please indicate the source when republishing: https://www.elasticpdf.com/blog/pdfjs-reorder-rearrange-pdf-pages.html