Разрыв строки в редактируемом div

У меня есть редактируемый div

<div id="content" contenteditable ="true">
</div>

Я хочу, чтобы пользователь отредактировал div и сохранил его в файл (чтобы он мог снова увидеть его, когда вернется на веб-страницу). Итак, что я делаю, это в основном отправляю почтовый запрос с содержимым div в качестве параметра. Но проблема в том, что когда пользователь добавляет разрыв строки, я не могу найти его в сообщении с запросом. Например, если пользователь введет это:

Hi there.
I'm Kevin.
What's up ?

Я получаю :

Hi there.I'm Kevin.What's up.

Разрыв строки обрезан или удален. Если я попытаюсь показать его сообщение, я не могу, потому что я теряю разрыв строки.

Я попытался nl2br показать сообщение и заменил div на textarea, но не работает.

Есть идеи?


person Dany M    schedule 05.05.2018    source источник
comment
stackoverflow.com/a/13764188/6158032   -  person Joel Garcia Nuño    schedule 06.05.2018
comment
Возможный дубликат поля contentEditable для сохранения новых строк при входе в базу данных   -  person Joel Garcia Nuño    schedule 06.05.2018


Ответы (1)


Вы можете использовать предварительный тег. Текст в элементе <pre> отображается шрифтом фиксированной ширины (обычно Courier) с сохранением пробелов и разрывов строк. https://www.w3schools.com/tags/tag_pre.asp

person Community    schedule 05.05.2018