ノンカフェインであなたにやさしい

Rails,HTML,JavaScript,jQuery,PHP,CakePHPなど

JavaScriptで改行コードを<br>に置換する

JavaScriptで改行コードを<br>に置換する方法についてです。

textareaに入力されたテキストをHTMLに表示したい時があったのでその方法を

JavaScriptで改行コードを<br>に置換する

str.replace(/\r?\n/g, '<br>');

正規表現/\r?\n/gとすることで改行コードを取り出して<br>にreplaceしています。

jQueryでtextareaから取り出して出力する場合はこちら

jQueryで改行コードを<br>に置換する

var str = $('textarea').val();
$('#text').html(str.replace(/\r?\n/g, '<br>'));

改行コードとは

改行コード とは、ワードプロセッサワープロ専用機)やコンピュータなどで、改行を表す制御文字である。日本では「改行コード」と総称する事が一般的なため、本項目では、キャリッジリターン (CR) とラインフィード (LF) の両方について記載する。

改行コード - Wikipedia

改行コードにも3種類あり - LF - CR - CR+LF

LF(Line Feed ラインフィード)

意味は改行。カーソルを新しい行に移動すること。

CR(Carriage Return キャリッジリターン)

意味は復帰。カーソルを左端の位置に戻すこと。

CR+LF

CRとLFを合わせたもの。左端にカーソルを戻して改行すること。