Angular PDF viewer showcase. Running on Angular 18.2.9 and ngx-extended-pdf-viewer 22.0.0-alpha.4. Choose a version:

Open a terminal and enter this command at your project's root folder: ng add ngx-extended-pdf-viewer This configures your project, adds an example component and an example PDF file, so you just need to add the new <add-example-pdf-viewer> tag to one of your *.html files.

 <ngx-extended-pdf-viewer
     [src]="'/assets/pdfs/The Public Domain - Enclosing the Commons of the Mind.pdf'"
     [height]="'auto'" <!-- you can also use %, px and vh, or omit the attribute altogether -->
     [textLayer]="true" <!-- enable the find button -->
     [showHandToolButton]="true" <!-- enable text selection -->
     [filenameForDownload]="'Public Domain.pdf'"> <!-- optional - define the filename if the user downloads the PDF -->
</ngx-extended-pdf-viewer>
Note there's a bug in the PDF file. See the annotation layer demo to see the bugfix.Copyright hint: the e-book has been published by James Boyle under a CC BY-NC-SA 3.0 on www.thepublicdomain.org
 
File name:

-

File size:

-

Title:

-

Author:

-

Subject:

-

Keywords:

-

Creation Date:

-

Modification Date:

-

Creator:

-

PDF Producer:

-

PDF Version:

-

Page Count:

-

Page Size:

-

Fast Web View:

-

Choose an option Alt text (alternative text) helps when people can’t see the image or when it doesn’t load.
Aim for 1-2 sentences that describe the subject, setting, or actions.
This is used for ornamental images, like borders or watermarks.
Preparing document for printing…
0%