PDF.js Viewer

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
• Classic Editor: Easy to use editor media button that generates the shortcode for you
• Support for mobile devices

Shortcode Syntax:

• 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)

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.