禁用 pdf 查看器中的复制和打印选项

Question

我使用标签来显示文档（文件）。在显示 pdf 文件时带有打印和下载选项，我需要删除 pdf 查看器中的打印和下载选项，有什么方法可以隐藏它。

下面是我查看pdf文档的html代码

<iframe class="iframemargins" src="{{ url('uploads/chapters/Author.pdf') }}" 
        title="PDF in an i-Frame" frameborder="0" scrolling="auto" width="100%" 
        height="600px">
</iframe>

还有其他方式可以显示pdf、doc、txt、rtf等文件吗？

Answer 1

我在此找到了解决方案...这是我获得解决方案的链接

Hiding the toolbars surrounding an embedded pdf?

我已经更新了我的 html 代码，如下所示，它的工作原理

<iframe src="{{ url('uploads/chapters/Author.pdf') }}#toolbar=0&navpanes=0&scrollbar=0" title="PDF in an i-Frame" frameborder="0" scrolling="auto" style="width:100%; height:100%;"></iframe>

Answer 2

您可以使用打印媒体查询来隐藏打印中的元素。请参阅下面的示例。

var btn = document.getElementById("print");
btn.addEventListener("click", function(){
    window.print();
});

@media print {
    .print {
        display: none;
    }
}

<h3 style='text-align: center'>My Table</h3>
<table border='1' style='border-collapse: collapse; width: 100%;'>
<thead>
  <tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
    <th>Heading 3</th>
  </tr>
</thead>
<tbody>
    <tr>
    <th>Value 1</th>
    <th>Value 2</th>
    <th>Value 3</th>
  </tr>
    <tr>
    <th>Value 1</th>
    <th>Value 2</th>
    <th>Value 3</th>
  </tr>
    <tr>
    <th>Value 1</th>
    <th>Value 2</th>
    <th>Value 3</th>
  </tr>
    <tr>
    <th>Value 1</th>
    <th>Value 2</th>
    <th>Value 3</th>
  </tr>
</tbody>
</table>
<button class='print'>Download</button>
<button class='print' id='print'>Print</button>

Answer 3

使用为您提供 PDF 查看器源的PDF.js。只需从web/viewer.html 中删除这些按钮即可。

请注意，您的 URL 必须按照指定的 here 更改为 web/viewer.html?file={{ url('uploads/chapters/Author.pdf') }}

---

要查看 MS Office 文档，请使用类似 Zoho