Come far funzionare prettyprint sull'elemento dom dinamicamente generato

Question

Sto usando il plug-in prettyprint come evidenziatore della sintassi, funziona bene quando la pagina viene caricata ma quando aggiungo nuovi elementi dinamicamente non funziona! Ho provato a utilizzare prettyPrint() per richiamarlo dopo aver caricato il nuovo contenuto ma non ha funzionato! Ho anche seguito le istruzioni sul sito Web del plugin avvolgendo prettyPrint() con una funzione ma non ha funzionato neanche! Qualsiasi aiuto sarebbe molto apprezzato. ho installato il plugin in questo modo:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> 

il mio codice è:

function showCode(e){ 
    (e.preventDefault) ? e.preventDefault() : e.returnValue = false; 
    var parent = document.createElement('div'), 
     pre = document.createElement('pre'), 
     code = document.createElement('code'), 
     elm = (e.currentTarget) ? e.currentTarget : e.srcElement, 
     src = elm.getAttribute('href'), 
     id = elm.getElementsByTagName('img')[0].getAttribute('src').replace(/images\/(.+?)\.png/g, "$1"); 
    parent.id = "codeZoom"; 
    pre.className = "prettyprint linenums lang-" + id; 

    var xhr = (window.XMLHttpRequest) ? new window.XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP"); 
    xhr.open('get', src, true); 
    xhr.send(); 
    xhr.onreadystatechange = function() 
    { 
     if(xhr.readyState == 4 && xhr.status == 200) 
     { 
      var text = document.createTextNode(xhr.responseText); 
      code.appendChild(text); 
      pre.appendChild(code); 
      parent.appendChild(pre); 
      document.getElementsByTagName('body')[0].appendChild(parent); 
      center(parent); 
      prettyPrint(); 
     } 
    } 
} 

Attualmente sto ricevendo il messaggio di errore prettyPrint non è definito.

Answer 1

Per quanto posso dire il tuo codice sembra corretto.

1) comprendono abbastanza stampa (non il run_xxx) Versione

2) chiamare prettyPrint() ogni volta che il Dom viene aggiornato

Tuttavia lo script che include prettyPrint manca una chiusura", così forse è solo un errore di battitura il problema :)

Answer 2

Quando prettyprint() esegue, si aggiunge la classe "prettyprinted" per l'elemento contenitore. immagino in modo che la sua non è abbastanza stampato due volte, probabilmente rompe le cose.

È sufficiente rimuovere quella classe prima di eseguire nuovamente prettyprint().