Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Using Google Prettify to display HTML

Tags:

javascript

prettify

for Google Prettify to display HTML code sample properly, you should replace all the < with &lt; and all the > with &gt;.

How do you automate that process using JavaScript only ?

like image 345
Brett Avatar asked May 04 '12 02:05

Brett

1 Answers

If 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>
         &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>
like image 84
Mike Samuel Avatar answered Oct 05 '22 23:10

Mike Samuel
Sign in to Comment

Related questions

Flatten object to array?
touchend event in ios webkit not firing?
Getting the sum of a collection (all models) with backbone.js
Javascript regular expression for negative Numbers with decimal
Detect iOS5 within mobile Safari (javascript preferred)
Javascript Date(dateString) returns NaN on specific server and browser
Javascript to Drag and Drop in HTML5
Histogram in JavaScript?
Convert Table to an Array
jquery stop calling other handler
Javascript literal object, reference to itself
Horrible Canvas GetImageData() / PutImageData() performance on mobile
javascript - Add property to object literal and return
using onClick in a table row that also has links in it
Regular expression checking for two consecutive spaces?
How do I remove get variables and filename from URL using javascript/jquery?
Center point on html quadratic curve
Google Calendar.Insert API returning 400 'required'
viewport resize event for flash player
how to set content on Jquery dialog

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!