Dharma 13 号会员
  •  0 回帖  •  588 浏览  •  1 年前
 

pdf.js 组件中预览 pdf 右上角的下载及打印按钮怎么隐藏

pdf.js 组件中预览 pdf 右上角的下载及打印按钮怎么隐藏

pdf.js 是一个用于在浏览器中预览 PDF 文件的 JavaScript 库。在 pdf.js 的默认查看器（viewer.html）中，您可以通过修改 CSS 来隐藏右上角的下载和打印按钮。

要隐藏下载和打印按钮，请按照以下步骤操作：

  1. 打开 viewer.html 文件，找到 <head> 标签内的 <style> 标签。如果没有 <style> 标签，请添加一个。

  2. 在 <style> 标签内，添加以下 CSS 规则：

    <style>
    /* Hide the download button */
    #download {
        display: none;
    }

    /* Hide the print button */
    #print {
        display: none;
    }
</style>

    这些 CSS 规则会将下载和打印按钮的 display 属性设置为 none，从而在页面上隐藏它们。

  3. 保存 viewer.html 文件并重新加载页面。下载和打印按钮应该已从右上角消失。

请注意，虽然这可以隐藏按钮，但用户仍然可以通过其他方式下载和打印 PDF 文件。如果您希望禁用下载和打印功能，您可能需要进一步自定义 pdf.js 代码。