Le code dynamique google-code-prettify ne fonctionne pas

Question

Est-il possible pour un bouton d'appeler une fonction qui "embellit" une image dynamique ? <code><pre> ? Je n'arrive pas à le faire fonctionner.

Après le chargement de la page, le message initial <code> est prettified( ?), mais lorsque je le modifie et que j'appelle prettyPrint() par la suite, cela ne fonctionne plus.

Ejemplo: http://jsfiddle.net/uwBjD/2/

Edit : Désolé, j'utilisais un prettify.js local. Je l'ai mis à jour, mais j'ai toujours rencontré la même erreur.

Answer 1

Apparemment, après que le code a été simplifié, une classe supplémentaire est ajoutée, à savoir prettyprinted . Tout ce qui appartient à la classe de prettyprinted n'est pas repriorifiée. Vous devez supprimer cette classe avant de rappeler la fonction :

$('input[type=button]').click( function() {
    $("#jsExample").text("    var user = 'private'; //Do NOT store your API Key on a script.")
        .parent().removeClass("prettyprinted");

   prettyPrint();
});

http://jsfiddle.net/uwBjD/3/