CODEWITHSUNDEEP
jqueryhtml
kralco626
kralco626

Reputation: 8624

Show newlines in html textarea

I have a textarea and I set its text to a string with \n in it. I would expect that to represent a line break. 

$("#ConfirmEmailText").text("test\n\ntest\ntest");

However, I just get what looks like a tab rather than a new line.

If I add some additional text to the box, and press enter. I can see the text on seperate line. I then take the text in this box and send it in an email. In the email both the \n and my [enter]s from when I added some text show up as newlines in the email...

Why does this not display correctly in my textarea?

Thanks!

Upvotes: 0

Views: 3837

Answers (3)

Ashwin Krishnamurthy
Ashwin Krishnamurthy

Reputation: 3758

Did you try?

   text = text.replace(/(\r\n|\r|\n)/g, '\n');

Or use the DOM structure's .nodeValue property.

EDIT : i may have not been clear. Instead of using innerHTML to set the text try using nodeValue

Upvotes: 0

R3D3vil
R3D3vil

Reputation: 681

try 

text = text.replace("\n","<br/>");

Upvotes: 0

Quentin
Quentin

Reputation: 943100

Set the value not the innerText;

$("#ConfirmEmailText").val("test\n\ntest\ntest");

Upvotes: 8

Related Questions