Script jQuery pour affichage de code HTML

Afficher du code HTML sur son site

Je vous propose un petit script bien pratique pour ceux qui ont besoin d'afficher du code HTML sur leur site. Le script remplace les caractères spéciaux < et > des balises HTML afin de pouvoir les afficher dans une page HTML.

	$("a#pre").click(function(){
		 $("#htmlCode").val($("#htmlCode").val().replace(/>/g, "&gt;").replace(/</g, "&lt;"));
                 return false;
	});
	
	$("a#code").click(function(){
		 $("#htmlCode").val( $("#htmlCode").val().replace(/&lt;/g, "<").replace(/&gt;/g, ">"));
                 return false;
	});

On peut également faire la transformation de manière automatique. Il suffira de copier-coller son code html dans une balise <pre class="html"></pre> et le javascript se chargera de transformer les caractères spéciaux.

   $("pre.html").each(function(){
        $(this).html($(this).html().replace(/>/g, "&gt;").replace(/</g, "&lt;"));
    });

Mon titre
mon texte mon texte mon texte mon texte
lien

Mon titre

mon texte mon texte mon texte mon texte