HTML - Newline char in DIV content editable?

css html contenteditable
Afonso Luis picture Afonso Luis · Sep 26, 2013 · Viewed 43.9k times · Source

I am storing content in the database, for example:

Hello
This
is 
Text

and when I pass that to a textarea, it stays with the new line breaks. But if I pass that text to a div with content editable, it would stay like this:

Hello This is Text

How can I fix this problem?

Answer

Explosion Pills picture Explosion Pills · Sep 26, 2013

Set a style on the div: white-space: pre or white-space: pre-wrap

Example: http://jsfiddle.net/fPv6S/

Related questions

contenteditable single-line input

For an application we're developing at the company where I work, we need an input that supports inserting emoticons inside our JS-based web app. We're currently using an input with the emoticon shortcodes (ie ':-)') and would like …

Read More
How to change div contenteditable from true to false

I got a page which let user change the text inside div and save the html code into a database, however when I display back the html code I want to change the div contenteditable to false. Is there any …

Read More
Extracting text from a contentEditable div

I have a div set to contentEditable and styled with "white-space:pre" so it keeps things like linebreaks. In Safari, FF and IE, the div pretty much looks and works the same. All is well. What I want to do …

Read More