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:

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

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.