読者です 読者をやめる 読者になる 読者になる

tech::hexagram

personal note for technical issue.

textarea内の改行を<br>に置き換える

textareaで入力した改行を含む文字列をhtmlにそのまま渡すと、改行されないまま表示されてしまう。
そこで、以下の手順で改行コードを<br>に置き換える必要がある。

    // まず改行らしき文字を\nに統一。\r、\r\n → \n
    txt = txt.replace(/\r\n/g, '\n');
    txt = txt.replace(/\r/g, '\n');
  
    // 改行を区切りにして入力されたテキストを分割して配列に保存する。
    var lines = txt.split('\n');
  
    var replacedText = $j(lines).join<br />'