为富文本区域生成的HTML：#document是什么？

Question

为富文本区域生成的HTML：#document是什么？

6

我可以在Chrome开发者工具中看到，GWT的RichTextArea部件生成的HTML大致如下：

<iframe class="GCJ2VDKDEI" style="height: 40px; ">
  #document
    <html>
      <head></head>
      <body>entered text</body>
    </html>
</iframe>

有人能描述一下它是如何工作的吗？嵌入在<iframe>中的页面如何可供用户编辑（看起来和文本区域一样）？

我特别想知道那个奇怪的#document是什么东西。这是我第一次见到这样的东西，谷歌也没有给我答案 :(。

- Piotr Sobczyk

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tim Down · Accepted Answer

这是iframe内文档的Document节点。所有Document节点都有一个nodeName属性为"#document",可以通过检查document.nodeName来查看。Chrome的开发者工具可能通过将contentDocument属性的扩展作为iframe扩展的子级来处理iframe。

至于文档是否可编辑，WYSIWYG编辑器经常使用iframe进行可编辑内容。所有当前浏览器都允许通过contenteditable属性在任何元素上内置编辑功能，也可以通过document.designMode属性在文档级别上进行编辑。