web関連

【javascript】改行をbrタグに変換する方法

2021/06/10

デザインデータやテキストデータを扱う際に都度brタグを挿入するのが手間なので改行を自動でbrタグに変換するコードを作ってみた

改行\nをbrタグに変換するコード

<textarea id="before" rows="8"></textarea>
<textarea id="after" rows="8"></textarea>

<script>
let before = document.getElementById('before');
let after = document.getElementById('after');
before.oninput = inputText;
function inputText(e){
  after.innerHTML = e.target.value.replace(/\n/g, '<br>');
}
</script>

id="before"に「改行→brタグ」したいテキストを入れるとid="after"に出力される

oninputは入力されるたびに実行されるプロパティ
詳しくは以下

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。