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) の両方について記載する。
改行コードにも3種類あり - LF - CR - CR+LF
LF(Line Feed ラインフィード)
意味は改行。カーソルを新しい行に移動すること。
CR(Carriage Return キャリッジリターン)
意味は復帰。カーソルを左端の位置に戻すこと。
CR+LF
CRとLFを合わせたもの。左端にカーソルを戻して改行すること。