テキストエリアの改行を保持する 質問する

テキストエリアの改行を保持する 質問する

テキストエリアのあるフォームがあり、コンテンツを出力するときにユーザーが入力した改行を保持したいと考えています。

たとえば、テキストエリアに次のように書き込むとします。

ここに一文があります。ここにもう一つあります。ここにさらにもう一つあります。

これは新しい段落です。ここに新しい文があります。ここに別の文があります。

同じ出力が欲しいのですがない:

ここに文があります。ここに別の文があります。ここにさらに 1 つあります。これは新しい段落です。ここに新しい文があります。ここに別の文があります。

改行を保持するにはどうすればよいでしょうか?

ベストアンサー1

一般的には、

  • white-space: pre-line;空白は単一の空白に切り詰められますまたは

  • white-space: pre-wrap;すべての空白は保持されます

テキストを改行付きでレンダリングする要素のスタイル (CSS) に追加します。

おすすめ記事