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


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


Leave a Response

(1 comment)

Doing some programming research on wysiwyg editor and found out this script somehow could be useful on wysiwyg implimentation- thank you very much

edward c Apr 21, 2008