input/textarea以外の要素も編集可能にするcontenteditable属性なるものを知った。 ここは編集可能 <div contenteditable="true"">ここは編集可能</div> こんな感じ。改行すると要素の大きさに合わせてエリア自体も大きくなる。 「入力に合わせてテキストエリアの高さをもごもごする」記事では、テキストエリア要素を自動でリサイズしたけど、こっちのほうが使い勝手がよさそう。 (※ contenteditableで大きさが変わるときは、transitionでアニメーション出来ない) contenteditableが持つ値 contenteditableはtrue/false/inherit/空文字の値がとれる。 true・空文字 false inherit 編集可能 編集不可 親要素の値を継承する ここは編集できない編集可能テキスト編集可能テキスト