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

Question

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

Answer 1

这对我有用：

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 2

在我的情况下，我下载了ViewerJS，它还包含一个名为ViewerJS的文件夹。在里面我发现了一个文件index.html。在代码中寻找控件下载。看看我收录的照片。我只评论控件并忘记了使用css的工作。

Answer 3

以此页为例（来自顶部的第一位观众）

http://viewerjs.org/examples/

用于隐藏按钮的css解决方案是：

#download { display: none; }

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

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

编辑：

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

Answer 4

如果找到解决方案，请在此处：

<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>`