用于动态编辑页面内容的 Java 脚本

Java Script to edit page content on the fly

本文关键字：Java 脚本 动态 编辑页面 用于      更新时间：2023-09-26

我正在写一篇关于编辑页面的文章，以便手动选择您真正想要打印的内容。有很多工具（如"打印你喜欢的东西"），但我也找到了这个脚本。有人知道吗？我没有找到任何类型的文档或参考资料。

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

谢谢！

contentEditable 属性是你想要的——它被 IE、Safari 和 chrome 作为副产品支持，我认为 Firefox 3（唉不是 FFX2）。 嘿，它也是HTML5:D的一部分

Firefox 2 支持 designMode，但这仅限于单个框架，而 contentEditable 属性适用于单个元素，因此您可以让可编辑内容与页面:D一起更好地播放

[编辑（olliej）：删除了示例，因为contentEditable属性无法通过SO的输出过滤器（尽管在预览中工作）:(

[编辑（olliej）：我做了一个非常简单的演示来说明它的行为方式]

[编辑（olliej）：所以是的，链接演示中的contentEditable属性在IE，Firefox和Safari中工作正常。 唉，调整大小是只有webkit支持的css3功能，IE正在尽最大努力对抗几乎所有的CSS。叹息]

document.designMode在IE 4+（显然是启动它）和FireFox 1.3+中受支持。你打开它，你可以直接在浏览器中编辑内容，它非常迷幻。我以前从未使用过它，但听起来它非常适合手工挑选可打印的信息。

编辑说：它似乎也可以在谷歌浏览器中工作。 我只在Chrome和Firefox中测试过它，因为这些是我有javascript控制台的浏览器，所以我不能保证它在Internet Explorer中工作，因为我从未亲自使用过它。 我的理解是，这是其他浏览器选择的IE专用属性，目前没有任何标准，因此如果Firefox和Chrome支持它但IE停止，我会感到惊讶。

它启用浏览器的内置编辑功能（如果可用）。如上所述，designMode是Gecko，contentEditable是其他人（并添加到Gecko 1.9中）。这些功能被用作（几乎？）每个使用HTML/Javascript构建的所见即所得编辑器的基础。如果您只是键入/删除，则除了您提供的脚本之外，不需要更多的东西。（不过，从"空"开始的一切都是多余的。

有关如何在应用程序中使用这些功能的文档，最好的参考是Mozilla的Midas规范（MSDN也可能有一些用处......）。

相关文章：