Home/ Questions/Q 7924985
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T18:03:35+00:00

I can see in Chrome Develoer Tools that html generated for GWT’s RichTextArea widget

  • 0

I can see in Chrome Develoer Tools that html generated for GWT’s RichTextArea widget is something like this:

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

Could somebody desribe how it works? How is it possible that page embedded in <iframe> is editable for user (looks and behaves like text area)?

I would especially like to know what is that strange #document thing. It’s first time I see something like this and Google gives me no answers :(.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s the Document node of the document inside the iframe. All Document nodes have a nodeName property of “#document”, which you can see by examining document.nodeName. Chrome’s developer tools are probably handling the iframe by adding an expansion of the iframe’s contentDocument property as a child of the iframe expansion.

    As to the document being editable, it’s very common for WYSIWYG editors to use an iframe for the editable content. All current browsers allow built-in editing functionality on any element via the contenteditable attribute, and also at a document level via the document.designMode property.

    • 0