nicmare

Did you know that WordPress generates a thumbnail image file when uploading a PDF-file? This works when the PHP Extension imagick and Ghostscript is available! It won’t work with GD library! You know they are present and it’s working, when you upload a PDF-file in the media library and you immediately see a thumbnail of the file. Now that thumbnails are available my plugin hooks into the Gutenberg file-block to automagically inserting that thumbnail right before the file block. Besides that it also provides some more options:
<h3>Plugin Features</h3>
<ul>
<li>a toggle to insert an preview image before the file block</li>
<li>a toggle to link the preview image with the “link to” settings value of the file block</li>
<li>a toggle to link the preview image with itself to the full-size image</li>
<li>a toggle to enable the Lightbox-Effect on the preview image (enable in settings)</li>
<li>a setting to choose the size of the preview image: thumbnail, medium, large</li>
<li>a settings page to define default for image size and <code>show inline embed</code> default value and a <code>height in pixels</code> default value</li>
<li>when activating the plugin, the <code>show inline embed</code> option of the file block gets disabled by default</li>
<li>the preview image link target is based on setting of file-block (<code>open in new tab</code>)</li>
<li>adds new block styles to file block with just a few inline css code</li>
<li>this plugins main goal is to be very lightweight and avoid loading any additional assets and saving DOM performance. It just uses 3 files. </li>
</ul>
This plugin requires imagick and Ghostscript! A good WordPress web hosting has it installed by default.

PDF-Preview inside File-Block

Extends the core/file block to optionally insert a PDF preview image (generated by WordPress) before the file block and adds linking/lightbox options.

Henry Holtgeerts

The simple, no-frills block to easily embed PDF files on your WordPress site. 100% free, fully responsive and built for the Gutenberg Editor.
Quickly add PDFs from your media library, or paste a URL. This PDF Block is inspired by the Image Block for Gutenberg, and maintains tremendous ease of use.
Options: 
– Change PDF URL (from Media Library, or copy/paste one manually) 
– Show or Hide PDF toolbar 
– Control PDF alignment 
– Adjust PDF height
Compatibility: 
– Fully responsive 
– Works fine on Chrome, Firefox, Opera, Edge and IE11 
– Does not require Javascript for users to see PDFs
This PDF Block takes advantage of browser’s native support of PDFs, allowing users to view and interact with your PDFs without the need for any Javascript.

PDF Block

The simple, no-frills block to easily embed PDF files on your WordPress site.

PDF-Preview inside File-Block vs PDF Block