Как сделать перенести на следующую строку?

Question

[Артем Кондрацкий]

С бэка мне приходит следующие:
(это только важная строчка)

....
"about": "......\nПомимо этого я занимаюсь профессионально фотографией и видеосъемкой."
.....

Как сделать перенос строки, если .replace('\n', '<.br.>') не работает?
Я пробывал ставить вместо .replace - <.pre.>, перенос есть, но появляются вертикальный и горизонтальный скроллбар + отсутствие каких либо стилей.

Заранее благодарю всех, кто поможет.

Answer 1

[Александр]

Можно использовать css, задать элементу с текстом свойство white-space: pre-wrap;
В таком случае все переносы строк '\n' будут учитываться.

Answer 2

[Владислав]

Гуглим:
js replace all
Находим:

String.prototype.replaceAll = function(search, replace){
  return this.split(search).join(replace);
}

// Используем
"текст".replaceAll('\n', '<br>')

Или просто: заменяем "текст".replace('\n', '<.br.>') на
"текст".split('\n').join('<br>')

Comments

[Артем Кондрацкий]

<.br.> выводится просто как текст, а не как htlm тег

[Владислав]

kondrackii, чем отличается текст <.br.> и html тег? Где выводится? Как смотрите? Какой тип(Content-Type) страницы отдаётся?

[Владислав]

kondrackii, <.br.> будет работать как перенос, только на html странице, но не как не на json странице.

[Артем Кондрацкий]

Владислав Фурсов, это html страница, но <.br.> выводится словом

[Владислав]

kondrackii, как выводите? Некоторые шаблонизаторы не пускают html теги напрямую, им нужно разрешить пропускать теги.

[Артем Кондрацкий]

Владислав Фурсов,
через angular
скриншоты:

[Владислав]

В angular не разбираюсь, но гугл и SO говорят:
https://stackoverflow.com/questions/17826758/angul...

Нужно использовать:
<div ng-bind-html-unsafe="aboutMe.text"></div>