从Excel嵌入iFrame中删除底部栏

时间:2016-11-28 07:49:31

标签: html css excel wordpress iframe

我想在Excelpress网站上嵌入带公式和计算的Excel工作表。我设法设置并显示工作表,并能够在我的网站上进行实时交互。我过去使用的指南如下: https://support.office.com/en-us/article/Share-it-Embed-an-Excel-workbook-on-your-web-page-or-blog-from-OneDrive-804e1845-5662-487e-9b38-f96307144081?CorrelationId=2f1048d2-df73-470f-b3a5-c65576288a04&ui=en-US&rs=en-US&ad=US&ocmsassetID=HA102029502

现在,我只需要一个帮助即可删除预装了Microsoft嵌入代码的底部黑条。请参考下面,我以红色突出显示。我删除它的原因是为了防止用户从我的网站下载Excel。

The bottom black bar

1 个答案:

答案 0 :(得分:1)

我知道这是一个非常古老的问题,但我希望这有助于未来的某些人: 正如你可能意识到"检查"在浏览器中的元素,excel嵌入内部有另一个iframe!此iframe有一个名为" WebApplicationFrame" 的ID,底栏位于第二个iframe内。
我尝试用JS添加" display:none" 来隐藏它,但由于某种原因它不起作用。因此,我实现这一目标的方式是在Web应用框架的高度上做得更大":

<iframe id="excel-iframe" scrolling="no" src="YOUR_EXCEL_EMBED_URL" width="600" height="500" frameborder="0"></iframe>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
   $(document).ready(function() {
      $("#excel-iframe").load(function() {
         $(this).contents().find("#WebApplicationFrame").css("height", "550px");
      });
   });
</script>

请注意,在我的代码中,嵌入excel的iframe的高度为500(像素),在Javascript代码中我将iframe设置为高度550px 。这样,内部iframe的底栏就不在视口中了。

现在,也许你不在乎隐藏底栏,你可能只想禁用&#34;下载&#34;按钮。如果你看到你的嵌入网址,那么其中的一部分就是:

&wdDownloadButton=True

您只需将True更改为False,下载按钮将被禁用:

&wdDownloadButton=False