php - 使用全屏选项嵌入 PDF
问题描述
有没有办法将全屏选项添加到使用 iframe 嵌入的 PDF 中?
<iframe src="http://www.web.com/test.pdf"></iframe>
解决方案
除非您更换浏览器的默认查看器,否则您无法可靠地控制 PDF 体验。它们的行为都略有不同。但是,新的免费 Adobe DC View SDK 是一个客户端 JavaScript PDF 查看器,它允许您在 HTML 页面中嵌入 PDF,并且它具有全屏选项。通过使用此查看器,PDF 将表现一致,并在所有浏览器中具有一致的 UI。
代码看起来像这样......
<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>
您可以在此处获取客户端 ID。 https://www.adobe.io/apis/documentcloud/dcsdk/viewsdk.html
推荐阅读
- python - 如何有效地设置包含未知数据量的 HDF5 文件?
- apache-spark - 为具有大量输入文件的 Spark SQL 作业加速 InMemoryFileIndex
- function - 我不知道如何正确地将模块中的信息调用到程序并进行计算?
- templates - 错字3中的模板
- java-8 - Java 8 默认方法抛出 PropertyNotFoundException
- c++ - 在此睡眠排序实现中可能导致未定义行为的原因是什么?
- dictionary - 当所有值都是整数时,如何按值从高到低的顺序输出字典的键
- c - 找到可分性的有效方法
- css - React 可滚动和可锁定的侧边栏
- ios - MLKit 文本检测异常 -[Not A Type _cfTypeID]:消息发送到已释放实例 0x106623e20