Предварительный просмотр в реальном времени и HTML

Question

Ну, у меня есть предварительный просмотр текста, использующий jQuery.

http://jsbin.com/ezuta4

Но есть способ, где я могу поставить в HTML-теги и HTML не будет отображаться, но эффекты текст? Как набирать <h1> и теги превращаются в заголовки?

До сих пор:

$(document).ready(function(){ 

    $('#text').keypress(function() { 
    $('#live').text($(this).val()); 
    }); 
}); // end jQuery 
​ 

Answer 1

Использование .html() вместо .text(). Это не ускользнет от того, что вы набираете. Также используйте .keyup() вместо .keypress(), иначе последний символ, который вы нажимаете, не будет отображаться до тех пор, пока вы не нажмете что-то еще, событие произойдет до отображения персонажа.

$('#text').keyup(function() { 
    $('#live').html($(this).val()); 
}); 

JQuery ссылка

• .html
• .text
• keyup
• keypress

Answer 2

text() будет анализировать все, что вы ввести в качестве буквенных символов. Чтобы разрешить HTML-кода, используйте

$('#live').html($(this).val()); 

http://jsbin.com/ezuta4/2

Answer 3

использование .html() вместо .text()