Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于动态编辑页面内容的Java脚本_Javascript_Html_Editing - Fatal编程技术网

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

Javascript 用于动态编辑页面内容的Java脚本,javascript,html,editing,Javascript,Html,Editing,我正在写一篇关于编辑页面的文章,以便手工挑选您真正想要打印的内容。有很多工具(比如“打印你喜欢的东西”),但我也发现了这个脚本。有人知道吗?我没有找到任何文档或参考资料 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 谢谢 document.designMode在IE4+和FireFox 1.3+中受支持。 你打开它,你就可以在浏览器中编辑内容,这是一个非常复杂的过程。 我以前从

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

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

谢谢

document.designMode在IE4+和FireFox 1.3+中受支持。 你打开它,你就可以在浏览器中编辑内容,这是一个非常复杂的过程。 我以前从未使用过它,但听起来它非常适合手工挑选可打印的信息


编辑的意思是:它在谷歌Chrome中也能工作。我只在Chrome和Firefox中测试过它,因为这些浏览器中我有一个javascript控制台,所以我不能保证它在InternetExplorer中工作,因为我从未亲自使用过它。我的理解是,这是其他浏览器只支持IE的属性,目前没有任何标准,因此如果Firefox和Chrome支持它,但IE停止了,我会感到惊讶。

contentEditable属性是您想要的——它由IE、Safari(以及作为副产品的Chrome)支持,我认为Firefox 3(唉不是FFX2). 嘿,它也是HTML5:D的一部分

Firefox2支持设计模式,但仅限于单个框架,而contentEditable属性适用于单个元素,因此您可以让可编辑内容更好地与页面配合:D

[编辑(olliej):已删除示例,因为contentEditable属性无法通过SO的输出过滤器(尽管在预览中工作):(]

[编辑(olliej):我已经创建了一个非常简单的示例来说明它的行为]


[编辑(olliej):是的,链接演示中的contentEditable属性在IE、Firefox和Safari中运行良好。唉,调整大小是一项只有webkit支持的css3功能,IE正在尽最大努力对抗几乎所有的CSS。叹气]

它在可用的情况下启用浏览器的内置编辑功能。如上所述,designMode是Gecko,contentEditable是everyone(并添加到Gecko 1.9中)。这些功能用作(几乎?)的基础每个WYSIWYG编辑器都是用HTML/Javascript构建的。如果您只是简单地键入/删除,那么除了您提供的脚本之外就不需要什么了。(不过从“void”开始的所有内容都是多余的。)


对于如何在应用程序中使用这些功能的文档,最好的参考是Mozilla的(可能也有一些用途…。

我很好奇为什么会将其标记为“dcom”,现在我注意到我想知道我是否以某种方式误读了这个问题?是否有任何js库可以做同样的事情?