2010-10-16 48 views
3

我得到一个textarea,附带一个关键函数。当用户键入内容时,我希望将此文本呈现在blockquote标记内。它的工作原理,但ID不占用换行符和空格。你能帮助我吗?Jquery textarea val()不采取新行

$('#post_body').keyup(function() {  
$('blockquote').find('span').text($(this).val()); 

回答

6

确实需要一个换行符,但那些都是通常渲染HTML时将忽略。但是,你可以给<span>(或<blockquote>)换行符渲染通过设置它的white-sapce是相同的<pre>元素,这样的搭配:

blockquote span { white-space: pre; }​ 
//or.. 
blockquote { white-space: pre; }​ 

You can test it out here

+0

完美取代与<br/>;标签的所有新行和所有的空格。超快速..谷歌在2秒内索引这个答案!令人印象深刻的 – framomo86 2010-10-16 12:09:19

+0

哦,哦。另一个问题:如果我没有按“enter”键,这次blocquote文本就不会换行。它不知道宽度已经结束,溢出的字符仍然隐藏。想法? – framomo86 2010-10-16 12:31:48

+0

好吧,我解决了。我设置了空白:预先包装 – framomo86 2010-10-16 12:51:31

0

原始的解决办法是用&amp;nbsp;