在仅文本div中插入新行

Question

我正在使用CMS,它只允许某个div中的文本(HTML,如<br>,解析为<br>).使用Unicode/HTML代码很好(例如,&会生成&并@生成@),但它似乎不允许新的行/回车.如何<br>在不使用HTML的情况下放入div？

我试过了:

• 
- https://dev.w3.org/html5/html-author/charref
• 
- 文本区域中的新行
• 
- 文本区域中的新行
• 
或
或
- 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 之间的区别可在此链接下查看