for Google Prettify to display HTML code sample properly, you should replace all the < with < and all the > with >.
How do you automate that process using JavaScript only ?
for Google Prettify to display HTML code sample properly, you should replace all the < with < and all the > with >.
How do you automate that process using JavaScript only ?
Share Improve this question edited May 4, 2012 at 2:34 sarnold 104k23 gold badges185 silver badges243 bronze badges asked May 4, 2012 at 2:29 BrettBrett 1,7811 gold badge27 silver badges38 bronze badges 02 Answers
Reset to default 21If you put your code inside an <xmp> element, you don't need to escape HTML special characters as shown in the 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> … </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>
You could do a global replace to the content using a RegEx.
var regex = new RegExp("<", "g");
console.log(content.replace(regex, "<"));