javascript - 使用 Google Prettify 显示 HTML

标签 javascript prettify

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

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

最佳答案

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

关于javascript - 使用 Google Prettify 显示 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10441911/

相关文章:

javascript - 简单的 JS For 循环困惑

asp.net - 如何让 Google Prettify 渲染得更像 Visual Studio

javascript - AngularJS:使用 Google Code Pretify 实现标签性能

php - java查询链接错误

javascript - React Native setInterval 函数适用于具有不同持续时间的多个函数

javascript 在 Internet Explorer 中抛出异常

javascript - 使用Javascript(或者JQuery,如果更快的话)有没有办法更快地排序?

java - 使用 Java Prettify 实现 Android 应用语法高亮显示

javascript - 美化 JSON 是什么意思

c# - 给定内部网站上的 .SQL 文件,有哪些选项可以动态进行漂亮的格式化?