使用全屏选项嵌入PDF

是否可以将全屏选项添加到使用iframe嵌入的PDF中?

<iframe src="http://www.web.com/test.pdf"></iframe>
iCMS 回答:使用全屏选项嵌入PDF

除非更换浏览器的默认查看器,否则您无法可靠地控制PDF体验。它们的行为略有不同。但是,新的免费Adobe DC View SDK是客户端JavaScript PDF查看器,它将允许您将PDF嵌入HTML页面中,并且具有全屏选项。通过使用此查看器,PDF将在所有浏览器中保持一致的行为并具有一致的UI。

enter image description here

代码看起来像这样...

<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
  document.addEventListener("adobe_dc_view_sdk.ready",function(){ 
    var adobeDCView = 
        new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>",divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},metaData:{fileName: "Bodea Brochure.pdf"}
    },{embedMode: "SIZED_CONTAINER"});
  });
</script>

您可以在此处获取clientID。 https://www.adobe.io/apis/documentcloud/dcsdk/viewsdk.html

,

由于某些原因,Adobe DC View SDK不断抛出错误。因此,我尝试了Mozilla’s PDF.js,即使在移动设备上也似乎工作正常。

本文链接:https://www.f2er.com/2152149.html

大家都在问