2012-10-26 60 views
1

不火我有這樣一個div CONTENTEDITABLE DIV:<div class='textarea_preview' contenteditable='false'></div>這表明,當我修改它的另一個文本區域的渲染預覽,這是代碼:用於預覽一個textarea在啓動

$('textarea').keyup(function() 
{ 
    var keyed = $(this).val().replace(/\n/g, '<br/>'); 
    $(this).prevAll('.textarea_preview').html(keyed); 
}); 

所以現在我希望在DOM準備就緒時進行預覽,而不僅僅是在編輯textarea時。

要做到這一點的任何詭計? 謝謝!

回答

0

把它寫成 -

$('.textarea_preview').each(function(){ 
    $(this).html($(this).next('textarea').val()); 
}); 

Updated Demo

+0

的問題是,我在頁面中有許多文字區域,所以我需要填寫「textarea_preview」與第一下一個「textarea的」 – user990463

+0

不用擔心我找到了! :var textarea_content = $('。textarea_preview')。nextAll('textarea')。val(); $('。textarea_preview')。html(textarea_content); – user990463

+0

@ user990463檢查更新的代碼和演示:) – Dipak