Javascript не распознает новую строку

Question

Я отправляю некоторые детали в мой Nodejs бэкэнд, используя запрос ajax и создавая строку из нескольких строк. Для этого я делаю что-то вроде:

 changeString = req.body.Change1 + '\n'
 changeString = changeString + req.body.Change2 + '\n'
 changeString = changeString + req.boyd.Change3 + '\n'
 ....

После этого я вставляю это поле в свою базу данных. Это работает отлично, и я могу go в базе данных и скопировать значение поля в блокнот и увидеть изменения строки:

sdsdsds
sdsdsds
asdasdsadasdasdas

На другой странице моего сайта я извлекаю подробности из то же поле и добавление его в таблицу, но вместо новых строк я получаю

sdsdsds sdsdsds asdasdsadasdasdas

Чтобы добавить в свою таблицу, я делаю

`<tr>        
     <td>${item.Name}</td>
     <td>${item.Time}</td>
     <td>${item.Description}</td>
 </tr>`

Если я console.log описание элемента Я вижу изменения строки

Изменения строки как-то исчезают, когда я добавляю HTML.

Answer 1

Возможно, попробуйте CSS пометить элемент, содержащий символы разрыва строки, с

white-space: pre-line

или с

white-space: pre-wrap;

Например, вот так:

<span style="white-space: pre-line">${item_here}</span>

Answer 2

HTML синтаксический анализатор будет игнорировать пробельные символы (включая \n символ новой строки) в исходном коде, поэтому вы можете использовать тег <br/> для создания новой строки или визуализации строк внутри /*sometex*/ .