PDFJ将Viewer.html转换为div

Question

有谁知道pdf.js(http://mozilla.github.io/pdf.js/web/viewer.html)中的viewer.html是否可以放在<div>？中.

或者更好的是,转换为AngularJs指令(我知道Angular有几个pdfjs指令,但它们都没有viewer.html的质量).

Answer 1

您绝对可以将viewer.html 放在<div>.

从源代码开始并换行<div id="outerContainer">

在您自己的中<div>，然后您可以根据自己的喜好设计样式：

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

请注意，将宽度设置为小于约 800 像素会挤压工具栏项目。