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