We'll create fresh WordPress site with PDF.js Viewer installed. You have 20 minutes to test the plugin after that site we'll be deleted.
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:
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 WordPressviewer_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)
%20
in place of spaces.fullscreen_target
(optional): true/false, open the fullscreen link in a new tabdownload
(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.
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.