Как отоброзить текст из textarea.value в браузере с введенными переносами строк?

Question

[Persotr27]

Здравствуйте товарищи. На странице имеется форма с textarea внутри, и контейнер для рендеринга "отправленных" из этой текстареи сообщений. В textarea'e доступны переносы строк (нажать Enter / Shift + Enter - курсор встанет на новую строку и все пропуски будут отображаться внутри textare'и). Но, когда эти сообщения рендеряться на страницу, все переносы пропадают, и контент отображается одной строкой. Как в общем сохранить все переносы строк, что бы они отображались на странице в контейнере как и в textarea'и?

А здесь кстати работает интересно?

Или нет? (Оно ставит максимум 2 ентера, я намного больше заскипал, но мне надо чтобы остались все. Ну или хотябы так как здесь, если возможно)

Answer 1

[zkrvndm]

Просто примените к div-блоку, где вставлен текст CSS свойство white-space: pre-wrap;

htmlbook.ru/css/white-space

Answer 2

[lUser L]

https://codepen.io/5h4dy_s/pen/ZEOMBoX

В php есть функция nl2br, которая ставить теги br
В js такой функции нет, но есть кастомная функция, регулярка, которая делает почти тоже самое.


Источник

Answer 3

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/0adrwbLo/

Простейший вариант