PDF.js Read Only

PDF.js Read Only is an additional readonly mode for PDF.js, a Portable Document Format (PDF) viewer that is built with HTML5 which is community-driven and supported by Mozilla.

Its purpose to make PDF.js viewer to be readonly mode, including disable right click on mouse (context menu) and several hotkeys (keyboard shortcut) such as:

• Ctrl + C (Copy Text)
• Ctrl + O (Open PDF)
• Ctrl + P (Print PDF)
• Ctrl + S (Save PDF)
• PrtSc       (Print Screen) (experimental)

Demo

1. PDF.js without read only  /generic/web/viewer.html
2. If using PDF.js Read Only /generic/web/viewer_readonly.html

How to use

1. /generic/web/viewer_readonly.html
   adjustment in viewer_readonly.html
   --> ">

2. /js/pdf.js_readonly.js
   adjustment in pdf.js_readonly.js

   // Read Only Preferences
   var disableRghtClck = true; // Disable Right Click,   value: true || false
   var disableCopyText = true; // Disable Copy Text,     value: true || false
   var disableOpenFile = true; // Disable Open PDF,      value: true || false
   var disablePrintPdf = true; // Disable Print PDF,     value: true || false
   var disableDownload = true; // Disable Save PDF,      value: true || false
   var disablePrntScrn = true; // Disable Print Screen,  value: true || false (experimental)
   
   // Load Specific viewer.js
   if ( disablePrintPdf ) {
     $.getScript( '../../js/viewer_noprint.js' ); // Adjust path to viewer_noprint.js if necessary
   } else {
     $.getScript( 'viewer.js' );  // Adjust path to viewer.js if necessary
   }
   

3. /js/viewer_noprint.js
   modification from viewer.js

   /*  Modified for PDF.js Read Only
    *  To disable print overlay
    */
   /* window.addEventListener("keydown", function (event) {
     if (event.keyCode === 80 && (event.ctrlKey || event.metaKey) && !event.altKey && (!event.shiftKey || window.chrome || window.opera)) {
       window.print();
       event.preventDefault();
   
       if (event.stopImmediatePropagation) {
         event.stopImmediatePropagation();
       } else {
         event.stopPropagation();
       }
     }
   }, true); */
   

   Note: If you want to create viewer_noprint.js on your own from viewer.js file of your current PDF.js version, make sure those lines above (or some codes like that) are commented.