如何自定义PrimeFaces DocumentViewer工具栏?

发布于 2025-01-21 17:48:39 字数 446 浏览 0 评论 0原文

我正在使用PrimeFaces documentViewer,该documentViewer基于 mozilla pdf.js:2.11.338

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

,我想自定义查看器以控制哪些按钮出现在工具栏中,例如rotate rotate&amp&amp&印刷&仅下载。

我在PrimeFaces网站上找不到有关该指南的指南。

I am using primefaces documentViewer which is based on mozilla PDF.js: 2.11.338

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

and I want to customize the viewer to control which buttons to appear in the toolbar like rotate & print & download only.

I couldn't find any guides about that in primefaces website.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

葬花如无物 2025-01-28 17:48:39

没有用于文档查看器的JS小部件,但是使用这样的JS函数可以轻松完成。

注意:一些按钮(例如presentationMode)是特殊的,需要稍有不同的隐藏方式。

pdfHideButtons : function() {
    var pdfViewer = $("#YourDivId");
    if (pdfViewer) {
        $(pdfViewer.contents().find("#openFile")).hide();
        $(pdfViewer.contents().find("#viewBookmark")).hide();
    }
}

然后,在您的页面上,将此代码添加到页面加载后基本上隐藏按钮。

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

There is no JS Widget for Document Viewer however this can be accomplished easily with a JS function like this.

Note: Some buttons like presentationMode are special and need to be hidden a little differently.

pdfHideButtons : function() {
    var pdfViewer = $("#YourDivId");
    if (pdfViewer) {
        $(pdfViewer.contents().find("#openFile")).hide();
        $(pdfViewer.contents().find("#viewBookmark")).hide();
    }
}

Then on your page add this code to basically hide the buttons after the page loads.

<script>
        $(document).ready(function() {
            setTimeout(function(){ pdfHideButtons(); }, 1000);
        });
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文