使用Google Prettify显示HTML

Question

for Google Prettify to display HTML code sample properly, you should replace all the < with < 要使Google Prettify正确显示HTML代码示例，您应该替换所有< with < and all the > with > 和所有>与> . 。

How do you automate that process using JavaScript only ? 如何仅使用JavaScript自动执行该过程？

Answer 1

If you put your code inside an <xmp> element, you don't need to escape HTML special characters as shown in the tests 如果将代码放在<xmp>元素中，则不需要转义HTML特殊字符，如测试中所示

  <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>

Answer 2

You could do a global replace to the content using a RegEx. 您可以使用RegEx对内容进行全局替换。

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

使用Google Prettify显示HTML

问题描述

2 个解决方案

解决方案1
20 已采纳 2012-05-04 02:38:10

解决方案2
1 2012-05-04 02:37:54

使用Google Prettify显示HTML

问题描述

2 个解决方案

解决方案1 20 已采纳 2012-05-04 02:38:10

解决方案2 1 2012-05-04 02:37:54

解决方案1
20 已采纳 2012-05-04 02:38:10

解决方案2
1 2012-05-04 02:37:54