New lines in text within a div

html textarea
domoindal picture domoindal · Jul 11, 2012 · Viewed 42k times · Source

I have a little issue related to when I place a text loaded via ajax call.

I take the contect from a textarea and store it in my database and when I want to show the text in a div, it doesn't respect the new lines, so all the text is continuous.

The following code show a small example:

If you type some text with some new lines, once you click on the button, the text is show into the div and will see that new lines are not show.

How can I solve this?

Answer

Chris.Zou picture Chris.Zou · Jul 14, 2014

I think a better way to achieve this is to add 

white-space: pre

or

white-space: pre-wrap

style to your div. see HTML - Newline char in DIV content editable?

Related questions

How to add default value for html <textarea>?

I want to set a default value for my html <textarea>. I read from a material that to add default value you have to do something like <textarea>This is default text</textarea>. I …

Read More
New line in text area

<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea> <textarea cols='60' rows='8'>This is my statement one.<br/> This …

Read More
Should I size a textarea with CSS width / height or HTML cols / rows attributes?

Every time I develop a new form that includes a textarea I have the following dilemma when I need to specify its dimensions: Use CSS or use the textarea's attributes cols and rows? What are the pros and cons of …

Read More