Code Prettifier | JavaScriptSource

Code Prettifier

Mike Samuel Apr 11, 2008

General

This script displays syntax highlighting of source code snippets, making the posting of code in an HTML page easier to read. It works on a number of languages including C, Java, Python, Bash, SQL, HTML, XML, CSS, JavaScript, PHP, Ruby, Awk and Makefiles. Heavily commented. Easy to implement.


JavaScript
/**
 * nth element in the fibonacci series.
 * @param n >= 0
 * @return the nth element, >= 0.
 */
function fib(n) {
  var a = 1, b = 1;
  var tmp;
  while (--n >= 0) {
    tmp = a;
    a += b;
    b = tmp;
  }
  return a;
}

document.write(fib(10));
PHP
<html>
  <head>
    <title><?= 'Fibonacci numbers' ?></title>

    <?php
      // PHP has a plethora of comment types
      /* What is a
         "plethora"? */
      function fib($n) {
        # I don't know.
        $a = 1;
        $b = 1;
        while (--$n >= 0) {
          echo "$a\n";
          $tmp = $a;
          $a += $b;
          $b = $tmp;
        }
      }
    ?>
  </head>
  <body>
    <?= fib(10) ?>
  </body>
</html>
HTML
<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>
In Sentences

Lorem ipsum dolor sit amet, <script type="text/javascript"> consectetuer adipiscing elit. Ma quande function lingues() coalesce, li grammatica del resultant.

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: prettify.js