Question

在我的HTML中，我有一个iframe链接到谷歌文档。目前，用户将能够编辑该文档。但是，我不希望用户能够更改文档。我如何只读取iframe？

Answer 1

修改

如果您使用＆＃39;文件＆gt;发布到网络...＆＃39;在Google文档中，无论如何，人们都无法编辑您的文档。 Docs Help（请参阅＆＃39;发布文件在分享时的外观＆＃39;）。

以下是我刚刚发布的try me。

原始答案

我认为完全确保它不可编辑的唯一方法是通过Google Docs本身的某些设置，任何具有JavaScript或CSS的块都有可能被禁用。此外，JavaScript将无法控制iframe内的任何内容，因为它来自不同的来源。

话虽如此，最简单的方法可能是使用CSS，pointer-events: none;将禁用iframe上的鼠标事件，禁止用户选择它。 MDN Docs

iframe { pointer-events: none; }

或作为内联样式......

<iframe style='pointer-events: none;'></iframe>

Answer 2

你可以使用css用另一个元素/伪元素覆盖iframe以防止交互。

Fiddle

<div class="iframe-wrap">
  <iframe src="http://www.yahoo.com" width="300" height="200">
  </iframe
</div>


.iframe-wrap {
  position: relative;
}
.iframe-wrap::after {
  content: "";
  display:block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

Answer 3

没有任何办法可以做到这一点。浏览器无法识别＆＃34;编辑＆＃34;的概念。框架中的内容 - 它只知道它显示的是页面。

如果您想阻止用户修改Google文档文档，请使用Google文档提供的权限功能来阻止编辑。它在一个框架中的事实并没有改变任何东西！

只读iframe

3 个答案: