PDF.js Viewer


Neem Mozilla’s PDF.js viewer op in je pagina’s en berichten door een Gutenberg blok of door een simpele shortcode. PDF.js is een javascript bibliotheek om pdf pagina’s te tonen in browsers.


  • Gutenberg blok en 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: makkelijk te gebruiken editor media knop zal de shortcode voor je genereren
  • Ondersteuning voor mobiele apparaten

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 (optioneel): waar/onwaar, open de volledig scherm link in een nieuwe tab
  • download (optional): true/false, enables or disables download button (default: true)
  • print (optional): true/false, enables or disables print button (default: true)
  • zoom (optioneel): auto/page-actual/page-width/page-fit/50/75/100/200/300/400, PDF zoom niveau (standaard: auto)

Wil je helpen met het uitbreiden van de plugin? Heb je een bug gevonden? Vind ons in GitHub.

Ongeldig blok? Update het.

Oudere blokken zullen als ongeldig gemarkeerd worden in Gutenberg wanneer we nieuwe eigenschappen toevoegen. Het enige wat je moet doen is “Probeer blok te herstellen” om het te updaten.



Deze plugin heeft 2 blokken.

  • Embed PDF.js Viewer
  • PDF.js Viewer


Deze plugin kan je oftewel direct van je WordPress beheerpaneel installeren door te zoeken voor PDF.js Viewer, of door het te downloaden van de WordPress Plugin Repository en het dan te uploaden en het archief in je site folder wp-content/plugins te plaatsen.


24 januari 2023
I just switched to this PDF viewer. I love the Add PDF button in the front-end form. The formatting looks terrific! Thank you for the great plugin. It looks great on laptops and mobile devices.
6 juli 2022
Super easy to use, lightweight plugin, complete functions for standard use. 👍 Too bad the “Add PDF” button is not working when using WPBakery Page Builder “Text Block” build-in content element. Hope the devs can do something about this. Cheers!
17 maart 2022 1 reactie
I use it in Divi (Elegant Themes) modules and the shortcode works fine. The button “Add PDF” don’t work in modules but this is not a problem. Thanks 🙂
Lees alle 46 beoordelingen

Bijdragers & ontwikkelaars

“PDF.js Viewer” is open source software. De volgende personen hebben bijgedragen aan deze plugin.


“PDF.js Viewer” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “PDF.js Viewer” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.



  • Preventing users from adding JS to shortcodes.
  • Bumping version numbers


  • 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


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


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


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


  • 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


  • Reverting to the file in the URL


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


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


  • Preventing XSS with the search term


  • Now works with ACF fields! Thanks @imj13


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


  • Fixing the issue that made Edge unhappy. fingers crossed


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


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


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


  • High Five 🖐


  • Reworking way we make the PDF url relative.


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


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


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


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


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


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


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


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


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


  • Updating the Readme


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