如何自定义 Primefaces 文档查看器工具栏？

Question

我正在使用基于 mozilla PDF.js: 2.11.338

的 primefaces documentViewer

https://www.primefaces.org/showcase-ext/views/documentViewer.jsf

并且我想自定义查看器以控制在工具栏中显示哪些按钮，例如仅旋转、打印和下载。

我在 primefaces 网站上找不到任何相关指南。

Answer 1

文档查看器没有 JS 小部件，但是可以使用这样的 JS 函数轻松实现。

注意：有些按钮如presentationMode比较特殊，需要稍微隐藏一下。

pdfHideButtons : function() {
         var pdfViewer = window.frames[0].PDFViewerApplication;
         if (pdfViewer) {
            pdfViewer.toolbar.items.openFile.hidden = true;
            pdfViewer.toolbar.items.viewBookmark.hidden = true;
            pdfViewer.toolbar.buttons.find(el => el.eventName === 'presentationmode').element.style.display = "none";
         }
      }

然后在您的页面上添加这段代码，以便在页面加载后基本上隐藏按钮。

<script>
        $(document).ready(function() {
            setTimeout(function(){ pdfHideButtons(); }, 1000);
        });
</script>

如何自定义 Primefaces 文档查看器工具栏？

How to customize Primefaces documentViewer toolbar?

primefaces

primefaces-extensions

pdf.js