6

RichTextAreaGWT のウィジェット用に生成された html が次のようなものであることを Chrome 開発者ツールで確認できます。

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

誰かがそれがどのように機能するかを説明できますか? に埋め込まれたページをユーザーが編集できるようにするにはどうすればよいですか<iframe>(テキスト領域のように見え、動作します)。

その奇妙なことは何なのか、特に知りたい#documentです。このようなものを見るのは初めてで、Google は答えを教えてくれません :(.

4

1 に答える 1

5

iframe 内のドキュメントのDocumentノードです。すべてのDocumentノードにnodeNameは "#document" というプロパティがあり、これは を調べることで確認できますdocument.nodeName。contentDocumentChrome の開発者ツールは、iframe 拡張の子としてiframe のプロパティの拡張を追加することで、おそらく iframe を処理しています。

ドキュメントが編集可能であることに関しては、WYSIWYG エディターが編集可能なコンテンツに iframe を使用することは非常に一般的です。現在のすべてのブラウザーでは、属性を介して任意の要素に組み込みの編集機能を使用できます。contenteditableまた、プロパティを使用してドキュメント レベルでも編集機能を使用できdocument.designModeます。

于 2012-05-11T09:48:08.890 に答える