Getting started with the Adobe Acrobat Services PDF Embed API
The Adobe Acrobat Services PDF Embed API lets you display PDF files in your website and leverage its power to benefit your users.
Prerequisites
Before you can work with the PDF Embed API, you must register your application and get Client Id (API Key). Request Access to get your own Client Id.
Supported Platforms
- Windows - Chrome, Firefox, Edge Chromium
- Mac - Chrome, Firefox, Safari, Edge Chromium
- Android - Chrome
- iOS - Chrome, Safari
Running the samples
The following sub-sections describe how to run the samples.
PDF Preview
PDF viewer fills the entire browser window to provide full immersive view for users to read and act on documents.
To see it in action, copy the files in the Full Window Embed Mode folder to your computer, and open index.html in a supported browser.
Sized Container Embed Mode
PDF viewer is embedded in the sized container in slideshow and landscape mode.
To see it in action, copy the files in the Sized Container Embed Mode folder to your computer, and open index.html in a supported browser.
In-Line Embed Mode
PDF viewer is embedded in line within the context of the app / web page.
To see it in action, copy the files in the In-Line Embed Mode folder to your computer, and open index.html in a supported browser.
Lightbox Embed Mode
PDF viewer is displayed on top of web page and fills the entire browser window to provide a focused view. Best suited for content websites, content portals and email.
To see it in action, copy the files in the Lightbox Embed Mode folder to your computer, and open index.html in a supported browser.
Local PDF file Preview
This sample demonstrates how to render a local PDF file using the PDF Embed API. It will ask you to pick a PDF file from your computer to start the PDF file rendering using the PDF Embed API.
To see it in action, copy the files in the More Samples/Work with Local File folder to your computer, and open index.html in a supported browser.
PDF Preview with Annotation tools
PDF viewer will render PDF file along with annotation tools enabled.
To see it in action, copy the files in the More Samples/PDF Annotations folder to your computer, and open index.html in a supported browser.
Note that by default if a user saves the PDF file after adding comments, the file is downloaded locally. This sample shows how to change that behavior, in this case taking no action except adding a small delay.
PDF Preview with Annotation APIs
PDF viewer will render PDF file along with annotation tools and APIs enabled.
These samples show how to use annotation APIs to add, import, export, update and delete annotations programmatically.
To see it in action, copy More Samples/PDF Annotations APIs folder to your computer, and try it out in a supported browser.
PDF Preview with Events
This sample shows how to start receiving events from PDF viewer.
To see it in action, copy the files in the More Samples/Capture PDF Embed API Events folder to your computer, and open index.html in a supported browser.
Handle Search Engine Indexing
These samples provide different implementations of how to enable indexing of PDF files displayed using PDF Embed API.
To see it in action, copy More Samples/Handle Search Engine Indexing folder to your computer, and try it out in a supported browser.
Viewer APIs
PDF Embed API provides viewer APIs for customizing the user interface and user interactions with the PDF.
These samples show how to use these APIs to perform UI customizations programmatically at run-time.
To see it in action, copy the files in the More Samples/Viewer APIs folder to your computer, and try it out in a supported browser.
Linearized PDF file Preview
This sample demonstrates how to render a linearized PDF file using the PDF Embed API.
To see it in action, copy the files in the More Samples/Linearization folder to your computer, and open index.html in a supported browser.
Save User Preferences
This sample demonstrates how certain user preferences (such as updated annotation colour, and coach mark after selecting any annotation tool) can be saved and remembered in the browser.
To see it in action, copy the files in the More Samples/Save User Preferences folder to your computer, and open index.html in a supported browser.
Analytics
If a website is already integrated with analytics tools, such as, Adobe Analytics or Google Analytics, then PDF analytics can be collected in these tools. These samples demonstrate how website developers can collect PDF analytics generated from PDF Embed API in Adobe Analytics and Google Analytics.
To see it in action, copy the files in the More Samples/Analytics folder to your computer, and try it out in a supported browser.
To know more about the setup steps, please check the documentation.
JavaScript Framework Samples
React Samples
These samples demonstrate how to integrate the PDF viewer in a React application.
To see it in action, copy More Samples/React Samples folder to your computer, and follow the instructions in React Samples README.
Angular Samples
These samples demonstrate how to integrate the PDF viewer in an Angular application.
To see it in action, copy More Samples/Angular Samples folder to your computer, and follow the instructions in Angular Samples README.
Documentation
For detailed documentation, please check https://www.adobe.com/go/dcviewsdk_docs.
Licensing
This project is licensed under the MIT License. See LICENSE for more information.