Как отобразить отступы текста innerHTML

У меня в переменной есть текст, я вставляю его в innerHTML. Но перенос текста (ентер) и несколько пробелов оно не видит. Как преобразовать пробелы я знаю, но как ентер преобразовать в \n или в <br>?

На скрине видно редакт текста блока через F12, как-бы отступы есть, но оно думает, что это не отступ. (Если что, в console.log выводит такой же адекватный текст, с переносами строк.)

введите сюда описание изображения

Результат - текст без переноса строк.

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Инквизитор

А может проще стилями добавить поддержку переносов и пробелов в нужный блок? Стиль white-space:pre или даже white-space:pre-wrap (как pre, только с переносом на новую строку, если не помещается).

→ Ссылка