ブラウザに表示された文章を編集できるようにする

たとえば、上記の文章をブラウザ上で編集したい場合、

<div contenteditable="true">
〇〇君とプールに行って、一緒に泳ぎました。<br>
楽しかったです！
</div>

文章を<div>で囲って、<div>タグの中にcontenteditable="true"を追加すると、

<div contenteditable="true">で囲ったところを選択できるようになり、文章の編集ができるようになります。