PDFJs Viewer.html in ein div

Question

Weiß jemand, ob viewer.html von pdf.js (http://mozilla.github.io/pdf.js/web/viewer.html) kann in einem <div> platziert werden?.

Oder noch besser, konvertiert in eine AngularJs-Direktive (Ich weiß, dass es einige pdfjs-Direktiven für Angular gibt, aber keine von ihnen hat die Qualität von viewer.html).

Answer 1

Sie können viewer.html in einem <div> auf jeden Fall platzieren.

beginnen mit the source und wickeln <div id="outerContainer">

in Ihrem eigenen <div>, die Sie dann Stil nach Ihrem Geschmack:

<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> 

Beachten Sie, dass die Breite kleiner machen als etwa 800px die Elemente der Symbolleiste zermatscht.