如何禁用 ViewerJS 中的下载按钮？

Question

是否可以在不修改提供的原始代码的情况下使用 JQuery 在 ViewerJS 中禁用 pdf 上的下载按钮？我不想修改 viewerjs 的任何文件，我想在另一个文件中进行修改。

Answer 1

以本页为例（从上数第一个浏览者）

http://viewerjs.org/examples/

~~隐藏按钮的css解决方案是~~:

#download { display: none; }

~~从生成的代码中删除按钮的jQuery解决方案是~~:

$(window).load( function() {
    $('#download').remove();
});

编辑：

我认为这两种解决方案都没有用，因为我只是注意到插件在 IFRAME 中显示文档。我不确定您是否可以 always/easely 操纵 iframe 内容，即使它们指向您自己的网站。

Answer 2

如果找到了解决方案，这里有：

<script>

$(window).load( function() {

   $('#ifr').ready(function(){

        $('#ifr').contents().find('#download').css("display","none");

});

});

</script>

`<iframe id="ifr" src ="" width='800' height='1000' allowfullscreen webkitallowfullscreen></iframe>`

Answer 3

这对我有用：

HTML

<iframe id="iframe" src ="..." width="800" height="500" allowfullscreen webkitallowfullscreen></iframe>

JS

$('#iframe').ready(function() {
   setTimeout(function() {
      $('#iframe').contents().find('#download').remove();
   }, 100);
});

Answer 4

在我的例子中，我下载了 ViewerJS，它还包含一个名为 ViewerJS 的文件夹。我在那里找到了一个文件 index.html。在代码中寻找控件下载。看看我包含的图片。我只评论了控件而忘记了 css 的工作。

How to disable the download button in ViewerJS?