I have a div with attr("contentEditable",true). The problem if I enter text
111111111111
2222222222222222
33333333333333333
It simply take 1111111111111111112222222222222222222233333333333
I am taking div text using $.text()
Asked
Active
Viewed 471 times
0
Manish Kumar
- 9,824
- 21
- 74
- 137
-
@adeneo see my comment – Royi Namir May 14 '14 at 13:41
-
@Royi check ur example its not working – Manish Kumar May 14 '14 at 13:45
-
@RoyiNamir - the question says nothing about using jQuery's text() to render HTML, it's clearly about why newlines are not rendered in a DIV, which is of course because HTML doesn't care about whitespace and newlines, and that makes it a perfect duplicate. – adeneo May 14 '14 at 13:45
-
@adeneo see this one : http://jsbin.com/najuyajo/4/edit try this one , in the new div the lines are preserved. – Royi Namir May 14 '14 at 13:46
-
It should also be noted that the answer in the duplicate question, i.e. setting the white-space to pre or pre-wrap solves this issue. – adeneo May 14 '14 at 13:47
-
@adeneo my example prove that no need for css ( here) to solve the line breaks ( i repeat : in this particular case) – Royi Namir May 14 '14 at 13:48
-
@RoyiNamir - That's because you're typing into a content editable element, so each line is wrapped in a DIV element. That's not at all related to inserting strings with newlines into a content editable DIV. – adeneo May 14 '14 at 13:49
-
@Royi ur example still not working – Manish Kumar May 14 '14 at 13:51
-
@adeneo You see ? I didn't know that it injects divs ....:-) thanks for elaborate ! – Royi Namir May 14 '14 at 13:51
-
`pre` or `pre-wrap` didnt work – Manish Kumar May 14 '14 at 14:00
2 Answers
6
Because \n is not a newline character to web browsers. Web browsers ignore whitespace. If you want to display a new line you must add a <br> wherever you see a new line character.
John Conde
- 212,985
- 98
- 444
- 485
