Pio*_*zyk 5 html javascript gwt dom
我可以在Chrome开发者工具中看到为GWT RichTextArea小部件生成的html 是这样的:
<iframe class="GCJ2VDKDEI" style="height: 40px; ">
#document
<html>
<head></head>
<body>entered text</body>
</html>
</iframe>
有人会说它是如何工作的吗？嵌入的页面如何<iframe>可以为用户编辑(外观和行为类似于文本区域)？
我特别想知道那是什么奇怪的#document事情.这是我第一次看到这样的东西而谷歌没有给我任何答案:(.
它是Documentiframe内文档的节点.所有Document节点都具有nodeName"#document"属性,您可以通过检查查看document.nodeName.Chrome的开发者工具可能会通过添加iframe contentDocument属性的扩展作为iframe扩展的子级来处理iframe.
对于可编辑的文档,WYSIWYG编辑器使用iframe作为可编辑内容非常常见.所有当前浏览器都允许通过contenteditable属性在任何元素上进行内置编辑功能,并且还可以通过属性在文档级别进行编辑document.designMode.