用于预览textarea的Contenteditable div在开始时不会触发

时间:2012-10-26 13:59:00

标签: jquery textarea 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时。

这样做的诀窍? 谢谢!

1 个答案:

答案 0 :(得分:0)

将其写为 -

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

Updated Demo