Utilizzo di Google Prettify per visualizzare HTML

per Google Prettifica per visualizzare correttamente il codice HTML, è necessario sostituire tutti gli < con < e tutti gli > con >.Utilizzo di Google Prettify per visualizzare HTML

Come si automatizza tale processo utilizzando solo JavaScript?

fonte

2012-05-04 Brett

Se mettete il codice all'interno di un elemento <xmp>, non è necessario per sfuggire HTML caratteri speciali, come mostrato nella tests

<h1>HTML using XMP</h1> 
<xmp class="prettyprint" id="htmlXmp" 
><html> 
    <head> 
    <title>Fibonacci number</title> 
    </head> 
    <body> 
    <noscript> 
     <dl> 
     <dt>Fibonacci numbers</dt> 
     <dd>1</dd> 
     <dd>1</dd> 
     <dd>2</dd> 
     <dd>3</dd> 
     <dd>5</dd> 
     <dd>8</dd> 
     &hellip; 
     </dl> 
    </noscript> 

    <script type="text/javascript"><!-- 
function fib(n) { 
    var a = 1, b = 1; 
    var tmp; 
    while (--n >= 0) { 
    tmp = a; 
    a += b; 
    b = tmp; 
    } 
    return a; 
} 

document.writeln(fib(10)); 
// --> 
    </script> 
    </body> 
</html> 
</xmp>

fonte

2012-05-04 02:38:10

@Brett, funzionerà finché l'HTML che stai prettando non contiene la stringa '"

Non sapevo nemmeno che il tag esista oO –

problema: xmp è obsoleto e viene visualizzato uno spazio extra verticale. – jlguenego

È possibile eseguire una sostituzione globale del contenuto utilizzando una RegEx.

var regex = new RegExp("<", "g"); 
console.log(content.replace(regex, "&lt;"));

fonte

2012-05-04 02:37:54 Gabe

Hai bisogno di fuggire correttamente e commerciali, nonché . –

Utilizzo di Google Prettify per visualizzare HTML

risposta

Problemi correlati