textareaで取得した値に改行を表示させる方法

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

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

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

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

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

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