Как добавить перенос строки на html странице?

Question

[alex_lemurski]

Всем добрых дней!
сильно застрял на плевой задаче:
не могу вразумить как отображать на html странице текст с учетом переноса строк
back: spring boot mvc (не php!!!), front: html + thymeleaf
в БД текст заносится через форму textarea



view:



в БД все заносится с учетом "enter" с клавиатуры




вывод на экран:



но на странице текст выводится только в строку, вообще без переносов, через пробел



ни одна js затычка, ни один маневр с *pre* и п.р тэгами ничего не меняют

есть ли возможность у кого-нибудь пояснить что куда и как в данном случае нужно добавить в код html чтобы добиться нужного результата?

Answer 1

[Александр]

Заменить на \n на <br/> когда в параграф вставляете.

Comments

[alex_lemurski]

в ответе совсем ничего не понял

вопрос дополнил информацией

[Ankhena]

alex_lemurski, в базе как выглядят ваши переносы строк?
А в html они должны выглядеть как <br>.
Меняем одно на другое при сохранении (меньше работы) или выводе.

Answer 2

[Elaryks]

Добавьте CSS-свойство white-space: pre-wrap на span, в котором выводится строка с переносами.

Comments

[alex_lemurski]

добавил в виде локальной настройки style="white-space: pre-wrap"
все отображается как надо
благодарю!