使 iframe 只读

Aar*_*ron 0 html javascript iframe

在我的 html 中,我有一个 Iframe,它是一个指向 google 文档的链接。目前,用户将能够编辑文档。但是,我不希望用户能够更改文档。我如何使 iframe 只读?

Col*_*ent 5

编辑

如果您在 Google 文档中使用“文件 > 发布到网络...”,人们将无法编辑您的文档。文档帮助(请参阅“共享文件时已发布文件的外观”)。

这是我刚刚发布的一个:试试我

原答案

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

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

iframe { pointer-events: none; }
Run Code Online (Sandbox Code Playgroud)

或作为内联样式...

<iframe style='pointer-events: none;'></iframe>
Run Code Online (Sandbox Code Playgroud)