web-viewer.md

Web SDK Examples: Viewer

These are interactive Nutrient Playground examples. Click any link to try the code in your browser.

For local runnable examples, see web/viewer/README.md.

---

Viewer

• Show real-time zoom percentage in the toolbar

• Zoom in/out with scroll

  • Use the mouse wheel to zoom in or out from where the mouse is pointing. — Video

• Create a blank A3 document

• Load a document from an S3 bucket as a URL and allow a linearized document

• Use a custom button on the toolbar to add a blank page to the beginning of a document

• Export selected pages in Document Editor

  • Add a new button in Document Editor to export selected pages from a document as a PDF.

• Regular expression (regex) search

• Print a single page.

  • Add a print button that prints the currently viewed page of the document as a PDF when clicked.

• Restrict zoom level both ways

• Extract text from cropped PDF pages

  • Add a custom “crop pages” button to the toolbar that crops a selected page and extracts its text after the crop operation is applied.

• Execute operations in headless mode before loading a document in the viewer

  • Split a PDF document into two halves, add an annotation to the first half, and reassemble the document by importing both halves back together into a new PDF file.

• Save selected page from Document Editor

• Convert from text to speech

• Enable speech to text

  • Enable speech-to-text synthesis to create text annotations.

• Detect when viewer UI is loaded

  • Detect if the Web SDK Viewer has been loaded completely or not.

• Watermark documents in headless mode using Web SDK

• Track page time and log it in the custom sidebar

• Generate different page sizes and detect page dimensions to show in the browser console

• Overlay a YouTube video on a PDF

• Custom overlay with an MP4/HTML5 video on PDF

• Extract text from each page and count the number of words

• Video overlay with drag and resize

• Multi Tab Support

• Detect Stylus and Finger touch