可编辑的 div 忽略`\n` [重复]答案

【问题标题】：Editable div ignoring `\n` [duplicate]可编辑的 div 忽略`\n` [重复]
【发布时间】：2014-07-02 14:16:29
【问题描述】：

我有一个带有 attr("contentEditable",true) 的 div。输入文字的问题

111111111111

2222222222222222

33333333333333333

只需1111111111111111112222222222222222222233333333333

我正在使用 $.text() 获取 div 文本

【问题讨论】：

@adeneo 看我的评论
@Royi 检查你的例子它不工作
@RoyiNamir - 这个问题没有说明使用 jQuery 的 text() 来呈现 HTML，这很明显是关于为什么不在 DIV 中呈现换行符，这当然是因为 HTML 不关心空格和换行符，这使它成为一个完美的副本。
@adeneo 看到这个：jsbin.com/najuyajo/4/edit 试试这个，在新的 div 中保留行。
还需要注意的是，重复问题中的答案，即将空白设置为 pre 或 pre-wrap 解决了这个问题。

【解决方案1】：

因为\n 不是网络浏览器的换行符。 Web browsers ignore whitespace。如果要显示新行，则必须在看到新行字符的任何位置添加 <br>。

【讨论】：

【解决方案2】：

使用<br> 换行 \n 用于源代码

【讨论】：