html - 在纯文本 div 中插入新行

Question

我正在使用仅允许特定 div 中的文本的 CMS(HTML，如 <br>，被解析为 <br>)。 Unicode/HTML 代码很好(例如 & 会生成 & 和 @ 会生成 @ )但它似乎不允许换行/回车。我怎样才能把 <br>在 div 中，不使用 HTML？

我试过:

• 
 - 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

这是一个具有相同问题的 fiddle (以及 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>