Как сделать перенос в textarea?

Question

[freshik312]

Есть форма, с полем для ввода (textarea), как реализовать это так, что бы кода пользователь набирал текст и нажал enter форма поняла, что там перенос строки ?


и \r\n не подходит !

Answer 1

[Антон Спирин]

При нажатии enter, в значение textarea добавляется символ переноса строки. Это поведение по-умолчанию.
Для вывода в HTML, можно заменять переносы на br. Пример.
value.replace(/\n/g, '<br/>');
Либо задать правило white-space
Иначе, символы переноса будут заменены пробелами.

Comments

[freshik312]

я когда делаю вывод строки, никаких переносов нету

[Антон Спирин]

freshik312, с чего вы решили, что нет?
Попробуйте вывести так:

console.log(string.replace(/\n/g, '*тут был символ переноса строки*'));

[freshik312]

мне это нужно записать в базу, а потом вывести. И на каком то этапе перенос пропадает.

[Антон Спирин]

freshik312, ничего не должно пропадать. Форма отправляет на сервер строку с переносами.

[Антон Спирин]

freshik312, еще есть вариант, что вы пытаетесь выводить такую строку в HTML и у вас, естественно, ничего не получается. Так как для вывода строки c переносами, переносы надо заменять на br.
value.replace(/\n/g, '<br/>');
Иначе переносы будут заменены пробелами.

[freshik312]

Антон Спирин, в базу попадает как нужно, с переносом, а при выводе идет как строка
prntscr.com/jx5z4u
prntscr.com/jx5zer

[freshik312]

Антон Спирин, все, понял. Спасибо !