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

Screenshots

Blocks

This plugin provides 2 blocks.

Embed PDF.js Viewer
Blocks Pdfjs Block

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

KeithRowley مارچ 3, 2025

I have been usiong a paid pdf plugin but it’s been months now with a bad fault so i tried this – perfect! Thank you very much.

creatorseo جُلائی 9, 2024

I was impressed with the level of support provided with the recent issue where the plugin stopped displaying due to Mozilla’s PDFjs, and they started using mjs files. Thank you for an excellent plugin.

fulibaba جُلائی 2, 2024 2 replies

The plugin doesn’t work when it is updated to version 2.2. Are there any CORS issues?

ludvakh جُون 29, 2024 1 reply

Version 2.2 not working on wordpress 6.5.5. And cannot be reactivated after deactivation.

gmspb جُون 15, 2024 1 reply

After updating to v 2.2, pdf files are not displayed with a shortcode.I don’t want to underestimate the rating, because the plugin worked great for many years before.

exceldigital جُون 14, 2024 2 replies

The plugin is not working. you updated the plugin 5 days ago and now when i open the post, the structure opens but the pdf is not showing like disapears. only the plugin border structure shows. I also tried on my second website but the same problem occured.

Read all 52 reviews

Contributors & Developers

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

“PDF.js Viewer” has been translated into 5 locales. Thank you to the translators for their contributions.

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

2.2.2

PDFjs with legacy browser support

2.2.1

.mjs workaround
Updated to PDFjs 4.5.136

2.2

Updated to PDFjs 4.3.136
Renamed ‘Download’ to ‘Save’ based on PDFjs change.
Removed the zoom feature to hopefully fix Edge issues.
Disabling the Alternative PDF Loading version

2.1.8

Preventing users from adding JS to shortcodes.
Bumping version numbers

2.1.7

Fixed the fullscreen settings for new PDFs
Fixing a bug where, on fresh installs, the fullscreen text would be ‘on’
Tested with WordPress 6.0-beta3-53297

2.1.6

Added testing up to WordPress 5.9.
Added a few more variables into the Alternative PDF Loading version.
Moved the Alternative PDF Loading to beta.

2.1.5

Detect ACF before running ACF code.
Beta: Added a feature flag to load the PDF in full screen view differently.

2.1.4

Decoding PDF urls when other plugins encode them in the classic editor.

2.1.3

Adding a version number to some JS files to break caches
Fixing an issue where the fullscreen text didn’t have spaces
Updating the shortcode in the read me

2.1.2

Reverting to the file in the URL

2.1.1

Updating how we call the WordPress plugin directory.
Updating function names.
More sanitization.

2.1.0

Added the file ID to the URL.
Hooked WordPress into the viewer to pull the URL in. Should fix some possible security concerns.
Removed the file URL from the URL.
Removed the pdfjs_set_custom_edits filter.
Removed the pdfjs_set_custom_domain filter.
Sanitizing inputs
Removing search term.

2.0.2

Preventing XSS with the search term

2.0.1

Now works with ACF fields! Thanks @imj13

2.0.0

Major PDFjs Upgrade to version 2.6.347
Changing the insert PDF button to fire on a class not ID.
Updated the minimum version of WordPress supported.
Maybe Edge is happy now?

1.5.9

Fixing the issue that made Edge unhappy. fingers crossed

1.5.8

Starting to hook up options page to the shortcode.
Fixing a potential code injection problem
Fix for WordPress 2021 Theme

1.5.7

Fix for those not running WordPress 5+ where a fatal error would show because a function I called didn’t exist.

1.5.6

New options page to set the default settings.
Only showing the ‘Add PDF’ media button to posts using the classic editor as it only works in the classic editor.
Added a filter to pass in a custom domain if URLs are proxied. pdfjs_set_custom_domain
Added a filter if you want to edit the PDF URL. pdfjs_set_custom_edits
Ability to hide Search via setting on options page.
Ability to show Sidebar via setting on options page.
Ability to highlight a search term on PDF load.

v1.5.5

High Five 🖐

v1.5.4

Reworking way we make the PDF url relative.

v1.5.3

Remove only the first instance of the domain name from the URL. Leave it if it’s in a directory or file name.

v1.5.2

Making the PDF URL relative so that maybe Microsoft Defender won’t complain.
Allowing the viewer to be called directly.
Hiding the Open button.
Checking for register_block_type function before calling it to better support WordPress 4.x. Thanks @Now-Italy-Demo @octoxan
Made the PDF URL relative to hopefully fix Windows Defender security issues.
Adding option to open the fullscreen link in a new tab.

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.