textareaで取得した値の改行が消えてしまった時に反映させる方法

textarea、inputで値を取得して、表示させる時に改行を含めて表示させる方法です。

textareaで取得した値に改行が入らない

上記のようにデフォルトだと、textareに改行を入力しても、表示させる時に改行表示ができません。

white-space:pre-wrapを指定する

<p style="white-space:pre-wrap;"></p>

表示させるHTMLにwhite-space:pre-wrapを指定することで、改行も表示させることができます。