获得价值后保持间距相同

Question

我有一个跨度，该跨度是内容可编辑的。所以，让我们说......在......你写的。

Hello,
My name is Ari.

当我要求程序从范围中获取文本并提醒它时，它会发出警告：

"Hello,My name is Ari."

如何获取它，以便在打印出来时保留内容可编辑范围内的间距或缩进。换句话说，我如何得到它，以便我的程序吐出

Hello,
My name is Ari.

而不是：

Hello,My name is Ari.

这是HTML：

<span id="thirdspan" contenteditable="true">Write context text here:</span>

这是CSS：

谢谢！

Answer 1

<p>Hello,<br />
My name is <span>Ari</span></p>

工作jsfiddle：http://jsfiddle.net/farondomenic/uCYs5/

Answer 2

试试这个

<span class="output">Output Formatted Content</span> <div id="thirdspan" contenteditable="true" class="stuff" >Write context text here:</div>

$(document).ready(function(){
    $('span.output').click(function(){
      alert($('.stuff').html());
    });
  });