7

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

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

谢谢！

4

3 回答 3

9

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 作斗争。叹息]

于 2008-10-06T23:39:59.600 回答
1

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

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

于 2008-10-06T23:23:53.173 回答
0

它在可用的情况下启用浏览器的内置编辑功能。如上所述，designMode 是 Gecko，contentEditable 是其他所有人（并添加到 Gecko 1.9）。这些功能被用作（几乎？）每个使用 HTML/Javascript 构建的所见即所得编辑器的基础。如果您只是简单地输入/删除，那么除了您提供的脚本之外，没有什么需要的了。（不过，从 'void' 开始的一切都是多余的。）

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

于 2008-10-07T00:02:34.390 回答