How to show newlines from textarea in a table?

Question

In a form I have a textarea where obviously text is entered. When the input is finished the content gets submitted to the server and is being stored in a database...

When I display the input the user made within a table, the newlines are not visible. When I inspect the source the newlines are there, but within a table the newlines do not work...

Is there any possibility of displaying the linebreaks within that table? I know, probably a really silly question but I'm not to pro when it comes to things like html and css...

Any help is really appreciated!

score 14 · Answer 1 · answered Apr 06 '14 at 16:10

14

Set your css in the table cell to

white-space:pre-wrap;

answered Apr 06 '14 at 16:10

vsync

118,978
58
307
400

1

It works, and now you can keep `/n` without replacing it to `
`. Thanks, *vsync*! P.S. Amazing home page - great job! – Ilia Ross Jul 15 '14 at 10:31
This should be the selected answer. Such a simple way! – Rishi Jasapara Mar 05 '15 at 08:07
yeah this is the best way – 72GM Jul 22 '15 at 14:24
1

This is the best answer. In my case `white-space: pre-line;` worked better. Thanks – Sincere Nov 09 '16 at 16:41

score 3 · Accepted Answer · edited Sep 05 '12 at 12:59

3

\n won't be rendered as a new line in HTML. You have to use a   to achieve this effect.

Use a string replace to replace all '\n' characters to ' '

If you are using a server side language like C# you can do this

private string PutLineBreaks(string strData)
{
    string strReplaced = string.Empty;

    Regex r = new Regex("/\n/g");

    strReplaced = r.Replace(strData, "<br/>");

    return strReplaced;
}

edited Sep 05 '12 at 12:59

casperOne

73,706
19
184
253

answered Sep 24 '09 at 09:20

rahul

184,426
49
232
263

actually, Id rather use a little JavaScript snippet to accomplish that task! anyway, thanks for the info! – Gnark Sep 24 '09 at 09:29

1

The `\n` is rendered as a newline within `

` tags, or in any block with various settings (e.g. 'pre', 'pre-line') of the `white-space` CSS setting, see e.g. http://www.w3schools.com/cssref/pr_text_white-space.asp

– Brian M. Hunt Oct 14 '11 at 00:49

score 2 · Answer 3 · answered Sep 24 '09 at 09:17

2

You want to replace all \n with  .

answered Sep 24 '09 at 09:17

Deniz Dogan

25,711
35
110
162

score 2 · Answer 4 · answered Jan 22 '18 at 05:21

2

Set your css in the table cell to

white-space:pre-line;

Even if your data has trailing spaces it would remove and make data perfect.

answered Jan 22 '18 at 05:21

Geek

481
5
20

score 0 · Answer 5 · answered Sep 24 '09 at 09:23

0

Use   , or rather  if we talked about some text and new paragraph. (semantic better solution).

answered Sep 24 '09 at 09:23

IProblemFactory

9,551
8
50
66

I'm not sure replacing \n with a
would be semantically correct actually.
is semantically a line break, as is \n. \n\n however would semantically be a paragraph. – Deniz Dogan Sep 24 '09 at 09:28
1

You'd want to start the entire text block with a '
', and close the entire text block with a '
'. Then you can replace each '\n' with a '
', which will close one paragraph and start another.
– Jarrett Meyer Sep 24 '09 at 09:36

How to show newlines from textarea in a table?

5 Answers5