Adobe Embedded PDF Viewer

الوصف

Adobe Embedded PDF Viewer is a FREE plugin that allows you to easily embed high-fidelity PDF viewing into your posts and pages with collaboration, security, and analytics. Deliver the highest quality PDF rendering available and streamline user experiences with custom viewer modes and digital collaboration through annotation tools. Extend the viewer with PDF usage analytics to understand how users interact with your documents.

Embedded PDFs can be displayed in four PDF viewer modes:

  • Lightbox: Displays PDF files in a modal.
  • Sized Container: Displays PDF files in a presentation-style container with landscape orientation. Each page of the embedded PDF file appears as a slide. This is the default mode that applies to all embedded PDFs.
  • In-Line: Displays PDF files inline within the content of the page or post itself. When using this mode, all pages within the embedded PDF file are displayed at once.
  • Full Window: The viewing area fits the size of the parent element and can be customized to cover the entire browser window. Unlike the Sized Container mode, which also fits the size of the parent element, the Full Window mode allows your visitors to use annotation tools, navigate pages using PDF thumbnails, and access other features of the Full Window embed mode of the Adobe PDF Embed API.

The plugin allows you to control how PDF files are displayed on your website and what viewer options your visitors have access to.

Adobe Embedded PDF Viewer is JavaScript-based and uses the Adobe PDF Embed API to display PDFs in the browser.

Adobe Embedded PDF Viewer is part of Adobe Acrobat Services, cloud-based REST APIs, SDKs, and integrations to automate digital document workflows for PDF creation, conversion, PDF content extraction, document generation with signatures, and more. Learn more at Adobe Acrobat Services

By installing and activating this plugin, you acknowledge that you agree to the Adobe General Terms of Use. To learn more about how user data may be collected or used, please see the Adobe Privacy Policy.

Key features

  • FREE plugin for high fidelity PDF viewing from the company that created the PDF standard.
  • Quickly display embedded PDF documents on your website using four unique viewer modes.
  • Add security to your published files by disabling printing and downloading of your PDFs in all four PDF viewer modes.
  • Embed PDFs with the Adobe Embedded PDF Viewer block in the Gutenberg editor.

Lightbox embed mode

  • Choose the type of the modal close button between the standard close button (“X”) on the right side of the modal header and the back arrow on the left side of the modal header.
  • Control the initial appearance of the modal to either fit the screen vertically or zoom in to fit the window width.

Sized Container embed mode

  • Control the width and height of the viewing area.
  • Enable or disable the option to toggle the full-screen mode.
  • Dock the page control toolbar to the bottom of the viewing area or configure it as a floating overlay.

In-Line embed mode

  • Control the width of the viewing area.

Full Window embed mode

  • Control the width and height of the viewing area.
  • Show or hide annotation tools that include text comments, sticky notes, a highlighting tool, drawing and eraser tools, and undo/redo options.
  • Control the initial appearance of PDF pages to either fit the viewing area vertically or zoom in to fit the viewing area width.

Note: In Full Window embed mode, the PDF viewing area fits the size of the parent element.

Getting started

To use Adobe Embedded PDF Viewer, you need a client ID (API key). To get a client ID, follow these steps:

  1. Visit the Adobe Acrobat Services website, complete the required fields and select Create Credentials.
  2. Once complete, copy the client ID (API key) from your project’s console.
  3. In your WordPress admin dashboard, navigate to Adobe Embedded PDF Viewer > General Settings and paste the client ID into the Client ID (API Key) field.

You can integrate the plugin with your Adobe Analytics account (requires separate licensing). Navigate to Adobe Embedded PDF Viewer > General Settings, enter your Report Suite ID in the field, and follow the steps outlined in the guide on configuring Adobe Analytics to correctly map the data from Embedded PDF Viewer to your Analytics report suite.

Usage

The plugin provides the Embedded PDF Viewer block for the Gutenberg editor. See the block editor usage guide for instructions on how to work with blocks in WordPress.

In the Gutenberg editor, you can embed a PDF using the following steps:

  1. Toggle Block Inserter in the top-left corner of the editor and search for Adobe Embedded PDF Viewer. You can find it under the Embed category.
  2. Add the block to your post or page and select Media Library. In the dialog, select or upload the PDF file you want to embed. The preview of your PDF appears in the editor.
  3. You can configure the viewer settings for your PDF in the Block settings tab in the right sidebar of the editor. Sized Container is the default embed mode for the Gutenberg editor.

Note: Sized Container is the default embed mode for the Embedded PDF Viewer block, and the site-wide embed mode settings do not apply. You can change the embed mode for individual PDFs using the Block settings tab in the right sidebar.

لقطات الشاشة

  • Embed PDFs in a lightbox.
  • Embed PDFs in a presentation-style container.
  • Embed PDFs inline within the content of your posts and pages.
  • Embed PDFs in a Full Window container.
  • Customize the Full Window view to cover the entire browser window.
  • Configure the default appearance of your PDFs in the Adobe Embedded PDF Viewer > View Settings.

المكوّنات

تقدّم هذه الإضافة مكوّن واحد (1).

  • Adobe Embedded PDF Viewer Embed PDF's in WordPress using the Adobe PDF Embed API and replace the default PDF viewer.

التنصيب

Using WordPress plugin search

  1. Navigate to the Plugins page inside your WordPress admin area and select Add New.
  2. Search for “Adobe Embedded PDF Viewer”.
  3. Select Install Now next to the plugin’s name.
  4. Once installed, Install Now will change to Activate. Make sure to select it to start using the plugin.

Using WordPress plugin uploader

  1. Download the plugin ZIP file.
  2. Navigate to the Plugins page inside your WordPress admin area and select Add New.
  3. Select Upload Plugin at the top-left area of the page.
  4. Navigate to Choose File and select the plugin ZIP file that you downloaded in step 1.
  5. Select Install Now to upload the plugin file from your computer.
  6. Once installed, select Activate Plugin to start using the plugin.

Uploading directly to your server

  1. Download the plugin ZIP file.
  2. Upload the plugin ZIP file to the /wp-content/plugins folder on your server.
  3. Extract the plugin ZIP file to create the Adobe Embedded PDF Viewer folder.
  4. Make sure to activate Adobe Embedded PDF Viewer on the Plugins page inside your WordPress admin area to start using the plugin.

الأسئلة المتكررّة

What is the difference between the Full Window and Sized Container embed modes?

Although both embed modes render PDFs inside a parent container, there are a few differences between them:

  • The Sized Container mode displays PDFs in a presentation-style box where each page is a slide. The Full Window mode displays PDFs in a box with portrait orientation.
  • The Sized Container mode allows your visitors to toggle the full-screen view. In the Full Window mode, your visitors cannot change the size of the viewing area. You configure the size of the viewing area when you embed the PDF.
  • The Full Window mode allows your visitors to use annotation tools: text comments, sticky notes, a highlight tool, drawing and eraser tools, and undo/redo options.
  • The Full Window mode allows your visitors to navigate pages using PDF thumbnails and access bookmarks and file attachments if they are available in the PDF.

المراجعات

31 مايو، 2023 1 reply
Plugin muy útil. Lo utilizo para poder incluir anotaciones en documentos, pero esta herramienta no está disponible en versión responsive y no deja configurarla 🙁 Espero que actualicen el plugin pronto...
10 مايو، 2023
I can get over the API keys being required to view anything, (although I don't understand why these need to be a thing), but for the life of me I can't understand why this plugin has to load something onto every single page within the website. Otherwise simple to use, easy to work with and loads pretty quickly. Edit - Found that the "embed-pdf-modal.js" isn't minimized so dropping from 3 to 2 stars. Also the fact that Adobe hasn't updated this in 2 months demonstrates they don't have the resources dedicated to fixing this.
17 أبريل، 2023
Version 1.0.0 does not work very well on WordPress 6.2. None of the settings (such as enable for download) affect the page's behavior. Changing the embed modes does nothing. NOTE: At the time of download, this plugin has not been tested with this version of WordPress, so there's that. The plug-in requires that every site with require a unique API key. This means your development, staging, and final site all require different keys. Obtaining the API keys are free, but what a hassle to maintain and track each one. This product was just launched and there are no reviews visible as I type this one; it looks like I am the first reviewer? The product doesn't look at all finished, maybe rushed out the door too soon. Unless subsequent versions are better, I'd say give this a pass at this version.
إقرأ جميع المراجعات 3

المساهمون والمطوّرون

“Adobe Embedded PDF Viewer” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.

المساهمون

ترجمة ”Adobe Embedded PDF Viewer“ إلى لغتك.

مُهتم بالتطوير؟

تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.

سجل التغييرات

1.0.0

First version.