PDF.js Viewer

0

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. Fea

Version
Last updated
Active installations
WordPress Version
Tested up to
PHP Version
pa_languages
Rating
Total ratings
Tag
This plugin is outdated and might not be supported anymore.

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 Theme that adapts to dark and light mode (if browser supports dynamic CSS)
  • Customizable buttons
  • Page navigation drawer
  • Search functionality
  • Protected PDF password entry
  • Loading bar & displays partially loaded PDF (great for huge PDFs!)
  • Document outline
  • 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]
  • attachment_id (required): ID of the media file in WordPress
  • 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.
  • fullscreen_target (optional): true/false, open the fullscreen link in a new tab
  • 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.

Invalid Block? Update it.

Older blocks will be marked as invalid in Gutenberg as we add new features. You just need to “Attempt Block Recovery” and that should update it.