PDF.js Viewer

Description

Incorporate Mozilla’s PDF.js viewer into your pages and posts via a Gutenberg block or a simple shortcode. PDF.js is a javascript library for displaying pdf pages within browsers.

Features:

  • Gutenberg Block and Shortcode
  • Elegant speckled gray theme
  • Customizable buttons
  • Page navigation drawer
  • Advanced search functionality
  • Language support for all languages
  • Protected PDF password entry
  • Loading bar & displays partially loaded PDF (great for huge PDFs!)
  • Document outline
  • Advanced zoom settings
  • Classic Editor: Easy to use editor media button that generates the shortcode for you
  • Support for mobile devices

Shortcode Syntax:

[pdfjs-viewer url=http://www.website.com/test.pdf viewer_width=600px viewer_height=700px fullscreen=true download=true print=true]
  • url (required): direct url to pdf file
  • viewer_width (optional): width of the viewer (default: 100%)
  • viewer_height (optional): height of the viewer (default: 800px)
  • fullscreen (optional): true/false, displays fullscreen link above viewer (default: true)
  • fullscreen_text (optional): text, change the fullscreen link text (default: View Fullscreen)
    • Spaces not allowed. Use %20 in place of spaces.
  • download (optional): true/false, enables or disables download button (default: true)
  • print (optional): true/false, enables or disables print button (default: true)
  • zoom (optional): auto/page-actual/page-width/page-fit/50/75/100/200/300/400, PDF zoom level (default: auto)

Want to help develop the plugin? Found a bug? Find us on GitHub.

Screenshots

Blocks

This plugin provides 2 blocks.

blocks/pdfjs-block
PDF.js Viewer
pdfjsblock/pdfjs-embed
Embed PDF.js Viewer

Installation

This plugin can be installed either directly from your WordPress admin panel by searching for PDF.js Viewer, or downloading from the WordPress Plugin Repository and uploading and expanding the archive into your sites wp-content/plugins directory.

Reviews

February 12, 2019
I tried about 10 viewer plugins and I can guarantee this is the best one! If the file is about 300kb or more all of the viewers load a blank white page, but this one waits and loads the pdf file. Also it has all features wich rest of the viewers has as premium features. Thank you!
September 20, 2018
The pdf.js plugin works perfectly in WordPess 4.9.8. The only thing I had to do in order to customize it was to edit the file pdfjs-viewer.php and on line 64 add a class and a target. $fullscreen_link = '<a href="'.$final_url.'" class="pdf-full-link" target="_blank">View Fullscreen</a><br>';
Read all 29 reviews

Contributors & Developers

“PDF.js Viewer” is open source software. The following people have contributed to this plugin.

Contributors

Translate “PDF.js Viewer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

v1.5.1

  • Reverting the update to Mozilla PDF.JS library as it broke older browsers and some other setups.

v1.5

  • Updated Plugin Name
  • Updated Plugin Icon
  • Gutenberg Block
  • Updating Mozilla PDF.JS library.
  • Adding a class to the fullscreen link.
  • Ability to customize fullscreen link text.
  • Ability to customize default zoom level.
  • Classes so you can style things easier.
  • Shorter default height.

v1.4.6

  • Renaming URL variables to prevent a possible Edge security message.

v1.4.5

  • Fixes a version number issue that was introduced in the last version.

v1.4.4

  • Brings back the ability to hide print and download.
  • Adds version numbers to URLs to hopefully break caches and prevent weirdness.

v1.4.3

  • Fixes an issue where PDFs wouldn’t load on production sites due to a setLanguage error.

v1.4.2

  • Added title to iFrame for accessibility.
  • Cleaning up code per WordPress standards.

v1.4.1

  • Updating the Readme

v1.4

  • Updating to PDF.JS version v2.3.200
  • Updating the Readme
  • Adding Gutenberg Callout

v1.0 – 1.3

  • The birth of the plugin and first few versions.