如何在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等）需要一些元素