javascript - 如何从 jquery 中可编辑的 div 内容中检索行尾？

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/

如果您打算将结果保存在数据库中并且不想进行清理，那么另一种选择是使用文本区域:

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

并将以下 CSS 属性添加到您的容器中:

white-space: pre;

https://jsfiddle.net/7ngurg3q/