joneiseman

Thanks to Imran Siddiq (https://www.youtube.com/@websquadron/). This code was adapted from his PDF Viewer code.
Continuous PDF Viewer is a high-performance, WordPress-native PDF viewer powered by PDF.js. Version 2.1 introduces a completely rebuilt rendering engine optimized for 100% continuous scrolling, bringing a modern, native-app reading experience to your WordPress site.
<h4>Key Features</h4>
<ul>
<li>Continuous Scroll Engine: Pages stack seamlessly for smooth, vertical reading. Highly optimized sequential rendering prevents browser lag, even on large documents.</li>
<li>Smart Page Tracking: An intelligent viewport observer automatically detects which page you are reading and instantly updates the toolbar and sidebar thumbnails as you scroll.</li>
<li>Advanced Search & Highlight: Pinpoint search functionality that calculates the exact pixel location of your search terms and smoothly scrolls them directly into the center of your screen.</li>
<li>Native Fullscreen Mode: Utilizes the browser’s native Fullscreen API for distraction-free reading, featuring “scroll memory” to keep your place when entering or exiting fullscreen.</li>
<li>Gutenberg Block Integration: A native WordPress block with a click-to-select placeholder UI and seamless Media Library integration.</li>
<li>Live Shortcode Generator: A dedicated admin tools page (Tools > Continuous PDF Viewer) that lets you visually configure colors, dimensions, and toolbar features while generating a live shortcode.</li>
</ul>

Continuous PDF Viewer

A high-performance, WordPress-native PDF viewer powered by PDF.js with a shortcode generator and Gutenberg block integration.

arul

Add Mozilla’s PDF.js viewer into your pages and posts with a simple shortcode. PDF.js is a javascript library for displaying pdf pages within browsers.
Shortcode Syntax:
[pdfjs-shortcode pdf_width=100% pdf_height=500px pdf_download=true pdf_print=true pdf_openfile=false]http://www.domain.com/test.pdf[/pdfjs-shortcode]

PDF.js Shortcode

View pdf files by Mozilla pdf.js using simple shortcode.

Continuous PDF Viewer vs PDF.js Shortcode