PDFJs Viewer.html into a div

javascript angularjs html pdfjs
leonardorame picture leonardorame · Jun 26, 2015 · Viewed 9.2k times · Source

Does anyone know if viewer.html from pdf.js (http://mozilla.github.io/pdf.js/web/viewer.html) can be placed inside a <div>?.

Or better yet, converted to an AngularJs directive (I know there are a couple of pdfjs directives for Angular, but none of them has the quality of viewer.html).

Answer

H&#249;ng Trần picture Hùng Trần · Aug 3, 2018

Put your src of pdf file in iframe like this :

<div><iframe src="/pdfjs/viewer.html/{src of PDF file}" style="position: relative;   top: 0;  bottom: 0; left: 0;   width: 100%;   height: 700px;  border: 0"></iframe></div>

it may help you

Related questions

AngularJS - Value attribute on an input text box is ignored when there is a ng-model used?

Using AngularJS if I set a simple input text box value to something like "bob" below. The value does not display if the ng-model attribute is added. <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/&…

Read More
Can one AngularJS controller call another?

Is it possible to have one controller use another? For example: This HTML document simply prints a message delivered by the MessageCtrl controller in the messageCtrl.js file. <html xmlns:ng="http://angularjs.org/"> <head> <…

Read More
Way to ng-repeat defined number of times instead of repeating over array?

Is there a way to ng-repeat a defined number of times instead of always having to iterate over an array? For example, below I want the list item to show up 5 times assuming $scope.number equal to 5 in addition incrementing …

Read More