如何从jquery中可编辑的div内容中检索End-of-Line？

Question

基本上我有：

 <div id="hey" contenteditable="true"></div>

用作文本框。现在的问题是当你尝试输入类似的东西时：

Hello
How are you

（注意：它在hello之后包含一个End-of-Line）。但我得到的输出是HelloHow are you但我希望它是

Hello
How are you

Jsfiddle测试：https://jsfiddle.net/zcyg8q2u/

您只需在文本框中键入两行，然后按“提交”按钮即可自行查看结果。

很多问候

Answer 1

您可以使用html（）方法而不是text（）。它将保持格式：

$('#button').on('click', function(){
    var text = $('#hey').html();
    $('#textspan').html(text);
});

https://jsfiddle.net/zax8tkxq/

如果您打算将结果保存在数据库中并且不想处理消毒，那么另一种选择是使用textarea：

<span id="textspan"></span>
<textarea id="hey"></textarea>
<input type="button" id="button" value="Submit" />

并将以下CSS属性添加到容器中：

white-space: pre;

https://jsfiddle.net/7ngurg3q/