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

Question

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

Answer 1

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

从 node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.html 复制原始 HTML到您的本地文件夹，例如:app/static/pdf-viewer

从 node_modules/ng2-pdfjs-viewer/pdfjs/web/viewer.css 复制原始 CSS到我们在上面创建的文件夹

编辑您的 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 等)需要一些元素