<html>
  <head>
    <title>PDF.js viewer</title>
    <script src="bower_components/pdf.js-viewer/pdf.js"></script>
    <link rel="stylesheet" href="bower_components/pdf.js-viewer/viewer.css">
    
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>

  <body>
    <div class="pdfjs">
      <!--#include virtual="bower_components/pdf.js-viewer/viewer.html" --> 
    </div>

    <script>
      // note that the file can also be a Uint8Array if you want to serve binary data
      var file = 'some-document.pdf'; 

      // This initializes the webviewer, the file may be passed in to it to initialize the viewer with a pdf directly
      window.PDFJS.webViewerLoad(); 

      // open a file in the viewer
      window.PDFViewerApplication.open(file);
    </script>
  </body>
</html>

Upgrading the source

Normally mozilla's PDF js viewer, will only run as standalone. We forked the project and patched it, so you can include it within a page.

To update this version, get the patched pdf.js source code and build the project

git clone https://github.com/legalthings/pdf.js.git
cd pdf.js
npm install
gulp generic
cd ..

And update the files from source and patch them

cd pdf.js-viewer
npm install
./build.sh ../pdf.js/build/generic/

FAQs

What is org.webjars.bower:pdf.js-viewer?

Is org.webjars.bower:pdf.js-viewer well maintained?

Package last updated on 19 Apr 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install