PDFJs Viewer.html na div

Question

Czy ktoś wie, czy viewer.html z pdf.js (http://mozilla.github.io/pdf.js/web/viewer.html) może być umieszczony wewnątrz <div>?.

Albo jeszcze lepiej, zamienione na dyrektywę AngularJs (wiem, że istnieje kilka dyrektyw pdfjs dla Angular, ale żadna z nich nie ma jakości viewer.html).

Answer 1

Z pewnością można umieścić plik viewer.html w pliku <div>.

Zacznij the source i owinąć <div id="outerContainer">

w swoim własnym <div>, które można następnie styl do własnych upodobań:

<div id="myContainer"> 
    <div id="outerContainer"> 

     <div id="sidebarContainer"> 
     </div> <!-- sidebarContainer --> 

     <div id="mainContainer"> 
     </div> <!-- mainContainer --> 

     <div id="overlayContainer" class="hidden"> 
     </div> <!-- overlayContainer --> 

    </div> <!-- outerContainer --> 
</div> 

Należy pamiętać, że co szerokość mniejszą niż około 800px squishes elementy paska narzędzi.