PDFJs Viewer.html in un div

Question

Qualcuno sa se viewer.html da pdf.js (http://mozilla.github.io/pdf.js/web/viewer.html) può essere inserito in un <div>?.

O meglio ancora, convertito in una direttiva AngularJs (so che ci sono un paio di direttive pdfjs per Angular, ma nessuno di loro ha la qualità di viewer.html).

Answer 1

È possibile posizionare viewer.html in un <div>.

Inizia con the source e avvolgere <div id="outerContainer">

nel proprio <div>, che è quindi possibile lo stile a proprio piacimento:

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

Nota che, per rendere la larghezza minore di circa 800px squishes gli elementi della barra degli strumenti.