У меня есть <p> с большим содержанием в нем. Этот параграф извлекается из базы данных Firebase в реальном времени. Поскольку мы не можем сохранить использование \n непосредственно в базе данных firebase (потому что при получении оно просто напечатает как \ n в абзаце).
Поэтому я сохраняю его в базе данных firebase как _n_, а при получении в моем JavaScript код Я заменяю его на \n. Как показано ниже:
let formattedContent = String(content).replace(/_n_/g, "\n");
Контент - это просто полученные данные.
\n здесь не работает. Но когда я изменил тег с <p> на <pre>, это сработало. Все присутствующие \ n делали работу по добавлению новых строк.
Но некоторые из моих строк довольно длинные и содержимое переполняет контейнер, если я использую тег pre. Хотя я добавил перенос слов. word-wrap: break-word;
Итак, как мне заставить \n работать в теге <p>?
РЕДАКТИРОВАТЬ: Я пытался заменить на <br/>, но это оправдывает печать Сам внутри тега P. Также по какой-то причине это решение продолжало переполнять мой контейнер.