replace '\r\n' with '< br>' in Text area javascript?

Question

when I press Enter I want to insert "< br >" instead of the new line '\n\r'in my text area, Exemple:

i want the text in the text area to be:

"hello <br> dear",

instead of

"hello
dear"

I tried this code but with no luck:

$('#inputText').bind('keyup', function(e) {
   var data = $('#inputText').val();
   $('#inputText').text(data.replace(/\n/g, "<br />"));
}

Shouldn't you not need to do that if you're using the standard `` or ``? — OverCoder, Jul 06 '17 at 18:15
Maybe you're shoehorning yourself here. I doubt you need the `
` to be visible as you're typing. Wouldn't it be better to convert the data after the fact? If it's stored into a database, you could convert the data just before the insert/update. — Joseph Marikle, Jul 06 '17 at 18:18
Basically the same as https://stackoverflow.com/q/784539/215552 — Heretic Monkey, Jul 06 '17 at 18:26

Alive to die - Anant · Accepted Answer · 2017-07-06T18:34:05.130

Your code will work fine if:-

1.bind() converted to on()(because bind() is deprecated)

2.text() need to be .val()

Working example (check comments too):-

// applied mouseout to prevent repetition on each key-press

//you can apply keyup also no problem

$('#inputText').on('mouseout', function(e) {
  var data = $('#inputText').val();
  $('#inputText').val(data.replace(/\n/g, "<br />")); // text() need be val()
}); // here ); missing in your given code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea id="inputText"></textarea>

replace '\r\n' with '< br>' in Text area javascript?

1 Answers1