Как засунуть обычный текст в html-тег P?

Question

[SET1]

Надо с помощью javascript получить весь "сырой текст" и засунуть его в тег <p></p>. Дело в том, что текст может содержать и html код (div, b, <br />и тд...).

Пример текста:

Здесь идет обычный текст,

который может содержать вот такие пробелы,
но он все равно должен быть засунут в тег <p></p>.
Может быть и <b>такой текст</b>, и даже <div class="element">вот такой.</div>

приведенный выше пример должен отобразиться вот так:

<p>Здесь идет обычный текст,</p>
<br />
<p>который может содержать вот такие пробелы,<br />
но он все равно должен быть засунут в тег <p></p></p>.
<p>Может быть и <b>такой текст</b>, и даже <div class="element">вот такой.</div></p>

Как это сделать? Благодарю.

Comments

[SET1]

Ankhena, Ок. Тогда надо чтобы он чистый текст засовывал в `p`

Answer 1

[Ankhena]

В тег p нельзя засовывать другие p, div и т.д.
Браузер нарисует их не так, как вы ожидаете.
Он закроет p, там где начнется другой блок.
Внутрь p можно вкладывать только фразовый контент.
Спецификация

Так что в качестве контейнера используйте лучше div

За вставку контента отвечает innerHTML https://learn.javascript.ru/basic-dom-node-propert...

Comments

[SET1]

Я так и делаю. Вот кусок кода, который сейчас у меня есть:

document.getElementById('content').innerHTML = parsedJsonResponse.info.content;

но в результате выводится текст: текст текст текст вместо <p>текст текст текст</p>

[Ankhena]

SET1, пример в песочницу jsfiddle.net
Очевидная версия - в исходнике текст в кавычках.

Answer 2

[t800zippygod]

Если вам надо отразить текст в Html формате — используйте element.innerHTML = text

Comments

[SET1]

Я так и делаю. Вот кусок кода, который сейчас у меня есть:

document.getElementById('content').innerHTML = parsedJsonResponse.info.content;

но в результате на сайте все выводится красиво, но если посмотреть саму html-разметку, то тегов нет. Просто виден обычный текст без тегов.