使用谷歌美化來顯示HTML

爲谷歌美化正確顯示HTML代碼示例，您應該更換所有的<有<和所有的>與>。使用谷歌美化來顯示HTML

如何僅使用JavaScript自動執行該過程？

2012-05-04 Brett

如果你把你的代碼<xmp>元素裏面，你不需要HTML特殊字符轉義如圖所示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>

來源

2012-05-04 02:38:10

@Brett，只要你正在優化的HTML不包含字符串'「

我甚至不知道這樣的標籤存在oO –

問題：xmp已經過時，並出現垂直的額外空間。 – jlguenego

您可以使用RegEx對內容進行全局替換。

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

來源

2012-05-04 02:37:54 Gabe

您需要正確逃生＆符號，以及。 –

使用谷歌美化來顯示HTML

回答

相關問題