使用Google Prettify显示HTML

时间:2012-05-04 02:29:45

标签: javascript prettify

要让Google Prettify正确显示HTML代码示例,您应该将所有<替换为&lt;,将所有>替换为&gt;

如何仅使用JavaScript自动执行该过程?

2 个答案:

答案 0 :(得分:20)

如果您将代码放在<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>

答案 1 :(得分:1)

您可以使用RegEx对内容进行全局替换。

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