获取值后保持空格不变

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()); 
    }); 
    });