Mediumみたいな直感的なブログエディターを作りたいなーと思って、できればtextareaやinputを使いたくないなと思っていたら、HTMLでcontenteditableという属性があることがわかった。
こんな感じで使用する。
<div contenteditable="true">
<p>ここのテキストが編集・削除できるようになります</p>
</div>
おー、これちょっと感動。
あとはフォーカスなどCSSで消したり付け加えたりすればいい感じになりますね。
inputとかtextareaっていかにも編集できますよ！って感じがなんかスマートじゃないなーなんて思って、
もっと紙に字を書くみたいにサラサラって書けないのかなって模索していました。
お問合わせフォームとかはUI的にフォーカスされて、いかにも入力できますのほうが、
ベストなのはわかりますが、ブログとか毎日使うようなものはサラッといきたいですね。