Как в js сохранить переносы строк и отображать теги как текст?

В JavaScript для сохранения переносов строк и отображения тегов как текста, можно использовать специальные методы и свойства.

1. Чтобы сохранить переносы строк в строке, можно использовать специальные управляющие символы. Например, символ n используется для обозначения перевода строки:

const stringWithLineBreaks = "Первая строкаnВторая строкаnТретья строка";
console.log(stringWithLineBreaks);

Результат будет следующим:

Первая строка
Вторая строка
Третья строка

2. Для отображения тегов как текста, можно использовать угловые скобки (< и >), которые являются специальными символами в HTML. Чтобы они не интерпретировались как HTML-теги, их нужно экранировать при помощи символа &. Например, для отображения тега <div> как текста, можно использовать следующий код:

const tagAsText = "<div>";
console.log(tagAsText);

Результат будет следующим:

<div>

3. Также, для отображения тегов как текста можно использовать метод innerText, который возвращает только текстовое содержимое элемента, игнорируя все HTML-теги внутри него. Например, имея следующий HTML-код:

<div id="myElement">
  <strong>Это текст</strong>
  <br>
  <span>А это еще текст</span>
</div>

Можно использовать следующий JavaScript-код:

const element = document.getElementById("myElement");
const textContent = element.innerText;
console.log(textContent);

Результат будет следующим:

Это текст
А это еще текст

Таким образом, для сохранения переносов строк в JavaScript следует использовать символ n, а для отображения тегов как текста можно экранировать угловые скобки или использовать метод innerText.