Samples

Accessibility

Accessibility
JavaScript

Demonstrates how to use accessibility feature of WebViewer to read PDF text out loud.

AddImage

Editing
JavaScript

This sample illustrates how to embed various raster image formats (e.g. TIFF, JPEG, JPEG2000, JBIG2, GIF, PNG, BMP, etc.) in a PDF document.

Annotation

Annotations
JavaScript

Shows how to add a text annotation to an existing page and how to create link annotations between several pages.

Bookmark

Generation
JavaScript
Viewing

The sample code illustrates how to read and edit existing outline items and create new bookmarks using the high-level API.

Color separation

Extraction
JavaScript

Shows how to get each color's information. You can also show/hide specific colors.

Content Editing (text and images)

Editing
JavaScript

Edit the content of a PDF document directly.

ContentReplacer

Editing
JavaScript

The sample demonstrates replacement of objects such as images, text and strings within a document.

Custom annotations

Annotations
JavaScript

Shows how to create and add custom annotations by extending the existing annotation classes.

Customizing UI

JavaScript
UI

Shows how to customize the UI using WebViewer APIs. Includes modifying header, enabling/disabling features and hiding/showing individual elements.

Customizing form fields

Forms
JavaScript

Shows how to change color and opacity of form fields.

Diff documents

JavaScript
Viewing

Shows how to render three synchronized panels where the middle panel shows pixel differences between the two documents.

DigitalSignature

JavaScript
Signing

Demonstrates how to digitally sign a PDF and also how to certify a PDF doc.

ElementBuilder

Generation
JavaScript

Illustrates how to use PDFNet page writing API, how to embed fonts and images and how to copy graphical elements from one page to another.

ElementEdit

Editing
JavaScript

The sample code shows how to edit the page display list and how to modify graphics state attributes on existing Elements. In particular the sample program strips all images from the page and changes text color to blue.

ElementReader

Editing
JavaScript

Illustrates how to traverse page display list using ElementReader.

Encryption

JavaScript
Security

Demonstrates how to encrypt and decrypt files by adding or removing passwords.

Flipbook

JavaScript
Viewing

Demonstrates how to extract canvas of each page. The sample uses turn.js to render them.

Form Builder Demo

Editing
Forms
JavaScript

This sample demonstrates how to add form fields to a PDF. Fields are first added as annotations and then converted to interactive form fields. Add signatures, text fields, checkboxes.

InteractiveForms

Forms
JavaScript

Illustrates how to create and edit interactive forms (check boxes and text boxes).

Internationalization

JavaScript
UI

Shows how to switch language.

Layer separation

Extraction
JavaScript

Shows how to get each layer's information. You can also show/hide specific layers.

LogicalStructure

Accessibility
JavaScript

This sample illustrates how to traverse the structure and content of a tagged PDF document.

Measurement annotations

Annotations
JavaScript

Shows how to create annotations that measure distance, perimeter and area.

Office template filling

Generation
JavaScript

Bind templates to content in .docx and .xlsx files.

Office to PDF

Conversion
JavaScript
Office

This sample illustrates how to convert office files to PDF.

Optimizer

JavaScript
Optimization

The sample illustrates how to reduce PDF file size using 'pdftron.PDF.Optimizer'. It also shows how to simplify and optimize PDF documents for viewing on mobile devices and on the Web using 'pdftron.PDF.Flattener'.

PDFA

Conversion
JavaScript

This sample demonstrates PDFA verification and conversion.

PDFDraw

Generation
JavaScript

This sample illustrates how to use the built-in rasterizer in order to render PDF images on the fly and how to save resulting images in PNG and JPEG format.

PDFLayers

Extraction
Generation
JavaScript
Viewing

This sample demonstrates how to create PDF layers (also known as Optional Content Groups - OCGs). The sample also shows how to extract and render PDF layers.

PDFPage

Editing
JavaScript

The sample illustrates how to copy pages from one document to another, how to delete, and re-arrange pages and how to use ImportPages() method for very efficient copy and merge operations.

PDFRect

Editing
JavaScript

The sample illustrates how to translate a PDF image by extracting and manipulating the image's media box.

PDFRedaction

JavaScript
Redaction

The sample illustrates how to create Redaction objects and use PDFNetJS's redact function to remove and overlay PDF document content.

Page operations

Editing
JavaScript

Shows how to rotate/crop/add/delete page, change page order, insert blank pages and merge multiple documents.

Preloading

JavaScript
Optimization

Shows how to preload WebViewer and documents to improve user experience.

ReaderModeTest

Accessibility
JavaScript
Viewing

This sample demonstrates Reader Mode in WebViewer.

Realtime collaboration - Firebase

Annotations
Firebase
JavaScript

An example setup with Firebase backend. For more details, refer to realtime collaboration guide .

Redact people faces from PDF

JavaScript
Redaction

Shows how to automatically detect and redact people faces from documents.

Redaction

JavaScript
Redaction

Shows how to redact and permanently remove text, images or graphics from a document.

SDFTest

Editing
JavaScript

The sample illustrates how to extract an SDF document from a PDF document and change some of its values.

Stamper

Editing
JavaScript

The sample code illustrates how to stamp text and images onto various pages in a PDF document.

Text position

Extraction
JavaScript

Shows how to extract text positions from a document. The sample highlights the positions with different colors.

TextExtraction

Extraction
JavaScript

The sample demonstrates how to extract information from text boxes such as their position, font, size, color and of course the text itself.

TextSearch

JavaScript
Search

The sample demonstrates how to search using strings and regular expressions in a PDF document and how to set search mode and parameters.

Thumbnail controls

Editing
JavaScript

Shows how to use thumbnail controls for page manipulation of documents. Note that this is only enabled for client side PDF and Office documents.

Users and permissions

JavaScript
Security

Describes types of permissions and switching between users. You can also show/hide annotations of specific users.

Viewer optimized PDFs

JavaScript
Optimization
Viewing

Compares viewing an unoptimized PDF with the same viewer optimized PDF side by side

ViewerCustomSave

JavaScript
Optimization

This sample demonstrates how to customize document save/download. In the example annotations are flattened before saving.

ViewerDigitalSignatureValidationTest

JavaScript
Signing

This sample illustrates how PDFNetJS can be used to validate digital signatures in a document.

ViewerDisplayPoints

Extraction
JavaScript

This sample demonstrates how to use PDFNetJS to select elements in a PDF document. Click on an element in the PDF and it will show the element's bounding box and an outline if it is a PDF path.

ViewerEdit

Editing
JavaScript

This sample illustrates how PDFNetJS can be used to perform complex editing on PDF documents as they are displayed in the WebViewer. Open a PDF of your choice and press the refresh button at the top right to change all text to blue and all images to red.

ViewerPDFDiffTest

JavaScript
Viewing

This sample illustrates how PDFNetJS can be used to compare two PDF documents and show their difference in WebViewer.

ViewerPreprocess

Editing
JavaScript

This sample illustrates how PDFNetJS can be used to preprocess a document before displaying it with WebViewer.

ViewerSnapToNearestTest

Annotations
JavaScript

This sample illustrates how to use the snap API for calculating the nearest snap point.

Viewing

JavaScript
Viewing

Shows how to call WebViewer constructor to instantiate and load document. You can load local/remote files of your choice.

Viewing with Custom Server (XOD)

JavaScript
Viewing

Shows how to load XOD files, which are generated from a custom server.

Viewing with WebViewer Server

JavaScript
Viewing
WebViewer Server

Shows how to call WebViewer constructor to instantiate and load document using WebViewer with WebViewer Server. You can upload local files or load files that are publicly accessible.

WebViewerConvert

Conversion
JavaScript

The sample is using pdftron.PDF.Convert.ToXod() to convert/stream PDF, XPS, MS Office, RTF, HTML and other document formats to WebViewer.

XFDF Import

Annotations
JavaScript

PDFNet includes full support for FDF (Forms Data Format) and the capability to merge/extract forms data (FDF) with/from PDF. The sample illustrates basic XFDF merge functionality available in PDFNet.