How to display text from textarea.value in browser with line breaks entered?

• 0
  Hello comrades. The page has a form with a textarea inside, and a container for rendering messages "sent" from this textarea. Line breaks are available in the textarea (press Enter / Shift + Enter - the cursor will move to a new line and all gaps will be displayed inside the textare). But when these messages are rendered to the page, all hyphenation disappears, and the content is displayed on one line. How to preserve all line breaks in general so that they appear on the page in the container as in the textarea?
  
  Does it work here interestingly?
  
  Or not? (It puts a maximum of 2 enter, I sizzled much more, but I need everyone to stay. Well, or at least as here, if possible)

  JavaScript Anonymous, Nov 2, 2019

---

3 Answers
• 0
  Just apply the white-space: pre-wrap;
  property to the div block where the CSS text is inserted
  
  
  htmlbook.com/css/white-space

  Logan Erickson

---

• 0
  https://codepen.io/5h4dy_s/pen/ZEOMBoX
  
  
  
  Php has a function nl2br that can add br tags
  
  There is no such function in js, but there is a custom function, regex, that does almost the same thing.
  
  
  
  
  
  Source

  Anonymous

---

• 0
  https://jsfiddle.net/vkorotenko/0adrwbLo/
  
  
  
  The simplest option

  Anonymous

---