Jquery: предварительный просмотр textarea (простой и маленький скрипт)

Question

Простой способ сделать предварительный просмотр текстовой области? код, который я имею ниже, не форматирует <em>i'm italic!</em> курсивом. Я не очень хорош в js / jquery, и я не знаю, является ли часть .replace () тем, на чем мне нужно сосредоточиться или на чем. Я гуглил, искал здесь и не мог найти простой ответ.

$('.comment-block textarea').bind('blur keyup',function() {
    $('#comment-preview').text($('#comment-field').val());
    $('#comment-preview').html($('#comment-preview').html().replace(/\n/g,'<br />'))
});

Answer 1

$('#comment-preview').html($('#comment-field').val().replace(/\n/g,'<br />')); 

разве это не порезало?

Answer 2

Вы можете попробовать:

$('#comment-preview').html($(this).attr("value"));

внутри функции связывания

Answer 3

Это то, что вы ожидаете ???$ ('# comment-preview'). html ('' + $ ('# comment-field'). val () + '

Answer 4

Когда вы вызываете $ ('# comment-preview'). Text (), он экранирует теги HTML. Если вы делаете вторую строку

$('#comment-preview').html($('#comment-field').val());

это будет работать.