Как сохранить переносы строк в комментарии

08.09.2024 · CSS

Как сохранить переносы строк в комментарии

Пользователь вводит текст в несколько строк, но после публикации всё слипается. Для текстового комментария можно сохранить переносы средствами CSS.

.comment-text { white-space: pre-wrap; overflow-wrap: anywhere; }

Содержимое при этом выводите как текст с экранированием, а не как доверенный HTML. pre-wrap сохраняет также последовательности пробелов; если это лишнее, выберите pre-line. Не применяйте одновременно nl2br и сохранение переводов строк без проверки: легко получить лишние интервалы. Проверьте пустые строки и длинное слово.

Назад в блог

От идеи —
к первому шагу.

Расскажите, что хотите создать.
Обсудим задачу и наметим следующий шаг.