pathquest-pdf-viewer

pathquest-pdf-viewer

Bringing PDF to the Angular world

This library provides an embeddable PDF viewer component. It's different from other approaches like ng2-pdf-viewer in that it shows the full suite of UI widgets. In other words, it strongly resembles the PDF viewer of your browser:

Features

• programmatic API for many features, such as searching
• Printing
• Support for forms, including two-way binding
• XFA forms are also supported (with a few limitations)
• (Limited) support for signatures (lacking verification of the signature, so use on your own risk!)
• Sidebar with thumbnails, outlines, and attachments (and each of them both optional and customizable)
• Rotating pages
• Download (including form data) and upload
• Zoom (with optional two-way binding to an attribute)
• Full-screen mode
• Various selection tools
• Standard display or even / odd spreads (like a book)
• Book mode with animated page turn animations
• Single page mode (supporting giant PDF documents of 30000+ pages)
• Infinite scrolling
• Plus several other approaches to scrolling (vertical, horizontal, "wrapped" scrolling)
• A wide range of event listeners
• Internationalization (providing translations to several dozen languages)
• Direct access to the core API of pdf.js (including TypeScript definition files)
• The ability to deactivate (i.e. hide) every button, menu item, and the context menu
• Color theming
• And customizing the toolbars, the side bar, and the menus according to your needs.
• HighLighlight Text

Install

$ npm install pathquest-pdf-viewer

How to use the library

Import in your module file like shown below

import { PathQuestPdfViewerModule } from 'pathquest-pdf-viewer';

@NgModule({
  declarations: [
  ],
  imports: [
    PathQuestPdfViewerModule
  ]
})
export class PdfEditorModule { }

In html file

<pathquest-pdf-viewer [src]="'assets/example.pdf'" useBrowserLocale="true"></pathquest-pdf-viewer>