如何隐藏 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，你可以隐藏任何你想要的东西：

{ "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.html并自定义 HTML，但要小心 - 查看器脚本需要某些元素（viewer.js、pdf.js 等）