PDF Viewer Block for Gutenberg

January 14, 2024

PDF Viewer Block for Gutenberg Plugin

A simple and 100% free Gutenberg Block to display PDF Viewers / Readers on your website.

A simple, responsive and 100% free Gutenberg Block to display PDF Viewers / Readers on your website.

You can easily configure the Reader’s width, height and alignment on the fly.

Compatibility:
– Fully responsive
– Works fine on Chrome, Firefox, Opera, Edge and IE11
– If javascript is disabled, a download link is provided as a fallback

This plugin uses PDF.js library, provided by Mozilla under Apache license.

Installation

  1. Install the plugin and activate.
  2. No settings page: just enjoy your new Gutenberg block! It’s available in Embeds > PDF Viewer.

Screenshots

  1. Adding "PDF Viewer" Gutenberg Block on my Post.

    Adding "PDF Viewer" Gutenberg Block on my Post.

  2. Selecting/Uploading a PDF document.

    Selecting/Uploading a PDF document.

  3. Basic front-end rendering.

    Basic front-end rendering.

  4. Selecting alignement for my PDF Reader.

    Selecting alignement for my PDF Reader.

  5. Applying custom width and height.

    Applying custom width and height.

  6. "PDF Viewer" variations showcase.

    "PDF Viewer" variations showcase.

  7. Front-end rendering for the selected variations.

    Front-end rendering for the selected variations.

Changelog

1.1

  • Performances: Enqueue admin assets only when showing the block editor screen.

1.0.1

  • Fix XSS security vulnerability. Thanks @wpscan who responsively disclosed the issue.

1.0

  • Enqueue scripts and styles only when the block is displayed for better performance and Google Core Web Vitals compliance.

0.2

  • Declare support for WordPress 5.5 and Block Directory.

0.1

  • Plugin initial commit. Works fine 🙂

Details

  • Version: 1.1
  • Active installations: 9,000
  • WordPress Version: 5.0
  • Tested up to: 6.4.5
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars