pdf - 如何隐藏 ng2-pdfjs-viewer 中的所有工具栏

Question

我正在使用 ng2-pdfjs-viewer 来查看 pdf，但我想删除工具栏并且只想要页面显示区域，我可以这样做。

Answer 1

您可以通过输入属性使用自己的自定义查看器viewerFolder

1. 将原始 HTML 复制node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.html到您的本地文件夹，例如：app/static/pdf-viewer
2. 将源 CSS 从node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.css我们在上面创建的文件夹中复制
3. 编辑您的angular.json. 添加这个：

{ "glob": "viewer.html", "input": "app/static/pdf-viewer", "output": "/assets/pdfjs/web"},
{ "glob": "viewer.css", "input": "app/static/pdf-viewer", "output": "/assets/pdfjs/web"},

然后你可以编辑你自己的viewer.css，你可以隐藏你想要的任何东西：

.toolbar {
  display: none !important;
}

或者您可以编辑本地viewer.html和自定义 HTML，但要小心 - 查看器脚本（viewer.js、pdf.js 等）需要一些元素