Как с помощью js экранировать строку с его абзацами

Question

Допустим у нас есть объект: (в базе)

{
  completed: false,
  title: "Test-app",
  text: "Тестовое приложение для проверки работоспособности,
  для оценки дизайна,
  для поиска багов."
}

Объект text написан с переходами строк

Если мы будем экранировать объект text, вывод будет в одну строку -
"Тестовое приложение для проверки работоспособности, для оценки дизайна, для поиска багов."

Можно ли выводить так как она написана, с переходами строк?
Например, поставить после каждого абзаца в конце тег <br> или обернуть в тег <p>

Вот как создал пользователь:

Вот так она хранится в базе данных:

Вот так она отображается на странице:

Мне нужно что бы текст с абзацами отображался в три строки а не в одну.
Этот текст я не создаю в коде.

Answer 1

Если пользователем текст вводился через textarea, там должны сохранится символы переноса. Вы можете применить split по раделителю '\n', получить массив строк, и выводить их как хочется.

function splitIt(){
  let ta_str = document.querySelector('.ta').value
  let arr = ta_str.split("\n")
  console.log(arr)
}

<textarea class='ta' name="" id="" cols="20" rows="5"></textarea>
<button onclick='splitIt()'>ОК</button>

БЛОГ НА HUSL

Как с помощью js экранировать строку с его абзацами

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