webメールの編集エリアの仕組み

質問

gmailとかyahooメールのソースをみても
どうやっているのかわかりませんでした。

なぜテキストエリアではない場所が編集できるのでしょうか？
ブラウザ依存なcontenteditableは使っていると思えません。

回答No.2

taco0603 · ベストアンサー

>リッチテキスト形式のときの入力フィールドもですか？

そうです。

お礼

ありがとうございました。

yahooメールを調べてたんですけど、
iframeのプロパティにdesignModeっていうのがあるのでそれをtrueにしてるっぽいですね。

回答No.1

taco0603

はじめまして。

gmailに関して言えば、メール作成時に編集できる入力フィールドは全てTextareaです。
JavaScriptでタグを書いていることと改行がないので可読性が低いだけです。

Chromeをお使いならデベロッパーツールで可視化が出来るはず。
「ツール」→「デベロッパーツール」で「Elementタブ」をクリックすれば確認できます。

補足

回答有り難うございます。
リッチテキスト形式のときの入力フィールドもですか？