Google Prettifyを使用してHTMLを表示するには

Google PrettifyでHTMLコードサンプルを正しく表示するには、を<に、>を>にそれぞれ置き換える必要があります。Google Prettifyを使用してHTMLを表示するには

JavaScriptを使用してそのプロセスを自動化するにはどうすればよいですか？

2012-05-04 Brett

あなたは<xmp>要素の内側にコードを置く場合、あなたはあなたが適切に同様アンパサンドをエスケープする必要が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、prettifyingしているHTMLに文字列 '"

私はこのようなタグが存在していることさえ知らなかったoO –

問題：xmpは廃止され、垂直余分なスペースが表示されます。 – jlguenego

RegExを使用してコンテンツにグローバルで置き換えることができます。

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

出典

2012-05-04 02:37:54 Gabe

に示すように、HTMLの特殊文字をエスケープする必要はありません。。 –

Google Prettifyを使用してHTMLを表示するには

答えて

関連する問題