Aperçu en direct et HTML

Question

Eh bien, j'ai l'aperçu en direct du texte en cours d'utilisation en utilisant jQuery.

http://jsbin.com/ezuta4

Mais est-il un moyen où je peux mettre dans les balises HTML et le code HTML ne montrerais pas, mais les effets du texte? Comme en tapant <h1> et les balises se transforment en titres?

Jusqu'à présent:

$(document).ready(function(){ 

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

Answer 1

Utilisation .html() au lieu de .text(). Cela n'échappera pas à ce que vous tapez. Utilisez également .keyup() au lieu de .keypress(), sinon le dernier caractère que vous appuyez sur n'apparaîtra que lorsque vous appuierez sur autre chose, l'événement se produira avant que le caractère ne soit rendu.

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

référence jQuery

• .html
• .text
• keyup
• keypress

Answer 2

text() va analyser tout ce que vous entrez comme des caractères. Pour permettre à un code HTML, utilisez

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

http://jsbin.com/ezuta4/2

Answer 3

utilisation .html() au lieu de .text()