在纯文本 div 中插入新行

Question

我正在使用只允许特定 div 中的文本的 CMS（HTML，如 <br>，被解析为 <br>）。 Unicode / HTML 代码很好（例如& 会生成& 和@ 会生成@），但它似乎不允许换行/回车。如何在不使用 HTML 的情况下将 <br> 放在 div 中？

我试过了：

• 
 - https://dev.w3.org/html5/html-author/charref
• 
 - New line in text area
• 
 - New line in text area
• 
 或 
 或 
 - https://en.wikipedia.org/wiki/Newline
• 
 或 
 或 
 - https://en.wikipedia.org/wiki/Newline

这里有同样的问题（以及 CMS 输出的 HTML 结构）> https://jsfiddle.net/w3p4wgcc/ ...这不可能吗？

Answer 1

使用内联 css 我已经成功地做到了以下几点：

<div style="white-space: pre-wrap;">
This is some new text,&#10;this text should be on a new line.
</div>

https://jsfiddle.net/6mqgrym9/

如果您需要所有 div 都像这样，可以在样式表中说明以下内容：

div {
    white-space: pre-wrap;
}

如果这些 div 包含在根 div（具有 id）中，则可以执行以下操作：

#idhere > div {
    white-space: pre-wrap;
}

如果你被允许使用一些 javascript，你可以试试这个：

<div>
    <script>
        document.currentScript.parentNode.innerHTML = 'This is some new text<br>this text should be on a new line.';
    </script>
</div>

Answer 2

您也可以在 CSS 中使用以下内容。

div {
    white-space: pre-line;
}

pre-line、pre-wrap和pre的区别可以在this link下查看