There is a text with line breaks. How to convert this into a set of paragraphs p?

    3 answers 3

    var text = `Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p?`; var df = document.createDocumentFragment(); for (var line of text.split('\n')) { var p = document.createElement('p'); p.textContent = line; df.appendChild(p); } document.querySelector('main').appendChild(df); 
     main { background: silver; overflow: hidden; } 
     <main><h1>Заголовок</h1></main>

    • Qwertiy, I correctly understood that using document.createDocumentFragment (); do you create a specific page fragment with a different nesting level and then you can shove it anywhere, when you need it? PS By the way, congratulations on assigning a diamond ... - Air
    • @Air, a fragment is something like a dom element, only when pasted somewhere, it dissolves itself and its contents are inserted. - Qwertiy ♦
    • I see, thank you - Air

    I suspect that what you really need is not paragraphs, but white-space: pre-wrap :

     main { white-space: pre-wrap; } 
     <main>Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p? Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p? Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p? Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p?</main>

    • No, you need not css to do. - manking

    perhaps meant pre tag?

     <body> <pre> Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p? Есть текст с переносами строк. Как правильно преобразовать это в набор параграфов p? </pre> </body>