goog.editor.SeamlessField

This is a very basic demonstration of how to make a region editable, that blends in with the surrounding page, even if the editable content is inside an iframe.




I am a regular div. Click "Make Editable" above to transform me into an editable region. I'll grow and shrink with my content! And I'll inherit styles from the parent document.

Heading styled by outer document.

  1. And lists too! One!
  2. Two!

Paragraph 1

Inherited CSS works!



Current field contents (updates as contents of the editable field above change):

(Use to set contents of the editable field to the contents of this textarea)