Pdf js remove download button

Moreover, the default viewer is redesigned to match Firefox's Photon design, TypeScript definitions are shipped and various performance improvements and bugfixes are included. PR follow-up Do the AppOptions. This release features performance improvements thanks to improved image caching and JPEG decoding. It is related to Exception s to proper classes, to reduce code duplication Forbid sending of Dict s and Stream s, with postMessage , when workers are disabled Convert the various image decoder Error s to classes extending BaseException PR follow-up.

Skip to content. Star This property will accept text or raw HTML. Max document width in pixels. Change this as you need.

This allow us to pass one or more css files URLs that should be applied to the html being printed. This allow us to pass a string with custom style that should be applied to the html being printed. When set to false, the library will not process styles applied to the html being printed.

Useful when using the css parameter. By default, the library process some styles only, when printing HTML elements. This option allows you to pass an array of styles that you want to be processed.

Accepts an array of html ids that should be ignored when printing a parent html element. Used when printing JSON data. When set to false , the data table header will show in first page only.

Enable this option to show user feedback when retrieving or processing large PDF files. When printing pdf, if the browser is not compatible check browser compatibility table , the library will open the pdf in a new tab. This may be useful if you inject javascript in your alternate pdf file. A callback function can be passed here, which will be executed when this happens. It may be useful in some situations where you want to handle your print flow, update user interface, etc.

This is used to keep or remove padding and margin from elements that are being printed. Sometimes these styling settings are great on screen but it looks pretty bad when printing. In our init function, we will create an iframe and set its source to the pdf. Once the iframe is created, we will append it to the DOM element passed into the init function.

Thats it! Viewing a PDF using pdf. That's where PDFTron comes in. Our Webviewer library provides all these features out of the box, with zero configuration. Webviewer also has far better render accuracy in many cases. Start by downloading and importing the Webviewer dependencies into our project. We are now ready to create our Webviewer backend. You can probably see where this is going! Now is when all our hard work pays off!

To switch our app to use Webviewer instead of pdf. And that's it! Our PDFViewer component doesn't require any changes because it already knows to call the init function when the component is mounted. We will also need reference to our Webviewer instance, so lets save this as part of the instance in our init function. We can now use the Webviewer rotateClockwise and rotateCounterClockwise functions to rotate the current document. Full documentation can be found here. To use this rotate function, we can get a reference to our PDFViewer component and call the rotate function directly.

As you can see, viewing a PDF inside a React app isn't tough using open source software. If you need more features, PDFTron's Webviewer is just as simple to implement but gives you advanced functionality built right in:. We also saw how abstracting the functionality allows us to future-proof our code and allow us to easily switch from one viewer to another without having to touch our components.

The full source code for this article can be found on GitHub. View a full demo of WebViewer and feel free to compare it to the pdf.