2010-10-16 51 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;