/**
* Code Syntax Highlighter. Version 1.1.0
* Copyright (C) 2004 Dream Projections Inc.
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
*
**
* Usage example:
*
*
*
*
*
*
*
*
**
* History:
* 1.1.0 - March 23rd, 2005
* - split brushes into separate files
* - now works in Safari
* - added missing strings to PHP matches
*
* 1.0.4 - February 2nd, 2005
* - added Delphi & Python
* - multi-line comments fixed
* - language name can be set through w3c valid 'class' attribute
* - HighlightAll(name, [showGutter], [showTools])
*
* 1.0.3 - December 31th, 2004 (added PHP & SQL)
* 1.0.2 - December 28th, 2004 (refactoring with namespaces)
* 1.0.1 - December 14th, 2004
* 1.0.0 - November 13th, 2004
*/
// create namespaces
var dp = {
sh : // dp.sh
{
Utils : {}, // dp.sh.Utils
Brushes : {} // dp.sh.Brushes
}
};
dp.sh.Config = {
Version : '1.1.0',
About : 'About...
'
};
dp.SyntaxHighlighter = dp.sh;
// opens a new windows and puts the original unformatted source code inside.
dp.sh.Utils.ViewSource = function(sender)
{
var code = sender.parentNode.originalCode;
var wnd = window.open('', '_blank', 'width=750, height=400, location=0, resizable=1, menubar=0, scrollbars=1');
code = code.replace(/' + code + '');
wnd.document.close();
}
// copies the original source code in to the clipboard (IE only)
dp.sh.Utils.ToClipboard = function(sender)
{
var code = sender.parentNode.originalCode;
// This works only for IE. There's a way to make it work with Mozilla as well,
// but it requires security settings changed on the client, which isn't by
// default, so 99% of users won't have it working anyways.
if(window.clipboardData)
{
window.clipboardData.setData('text', code);
alert('The code is in your clipboard now.');
}
}
// creates an invisible iframe, puts the original source code inside and prints it
dp.sh.Utils.PrintSource = function(sender)
{
var td = sender.parentNode;
var code = td.processedCode;
var iframe = document.createElement('iframe');
var doc = null;
var wnd =
// this hides the iframe
iframe.style.cssText = 'position:absolute; width:0px; height:0px; left:-5px; top:-5px;';
td.appendChild(iframe);
doc = iframe.contentWindow.document;
code = code.replace(/' + code + '');
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
td.removeChild(iframe);
}
dp.sh.Utils.About = function()
{
var wnd = window.open('', '_blank', 'dialog, width=320, height=150');
var doc = wnd.document;
var styles = document.getElementsByTagName('style');
var links = document.getElementsByTagName('link');
doc.write(dp.sh.Config.About.replace('{V}', dp.sh.Config.Version));
// copy over ALL the styles from the parent page
for(var i = 0; i < styles.length; i++)
doc.write('');
for(var i = 0; i < links.length; i++)
if(links[i].rel.toLowerCase() == 'stylesheet')
doc.write('');
doc.close();
wnd.focus();
}
// creates a new match object
dp.sh.Match = function(value, index, css)
{
this.value = value;
this.index = index;
this.length = value.length;
this.css = css;
}
dp.sh.Highlighter = function()
{
this.addGutter = true;
this.addControls = true;
this.tabsToSpaces = true;
}
// static callback for the match sorting
dp.sh.Highlighter.SortCallback = function(m1, m2)
{
// sort matches by index first
if(m1.index < m2.index)
return -1;
else if(m1.index > m2.index)
return 1;
else
{
// if index is the same, sort by length
if(m1.length < m2.length)
return -1;
else if(m1.length > m2.length)
return 1;
}
return 0;
}
// gets a list of all matches for a given regular expression
dp.sh.Highlighter.prototype.GetMatches = function(regex, css)
{
var index = 0;
var match = null;
while((match = regex.exec(this.code)) != null)
{
this.matches[this.matches.length] = new dp.sh.Match(match[0], match.index, css);
}
}
dp.sh.Highlighter.prototype.AddBit = function(str, css)
{
var span = document.createElement('span');
str = str.replace(/&/g, '&');
str = str.replace(/ /g, ' ');
str = str.replace(/');
// when adding a piece of code, check to see if it has line breaks in it
// and if it does, wrap individual line breaks with span tags
if(css != null)
{
var regex = new RegExp(' ', 'gi');
if(regex.test(str))
{
var lines = str.split(' ');
str = '';
for(var i = 0; i < lines.length; i++)
{
span = document.createElement('span');
span.className = css;
span.innerHTML = lines[i];
this.div.appendChild(span);
// don't add a for the last line
if(i + 1 < lines.length)
{
this.div.appendChild(document.createElement('br'));
}
}
}
else
{
span.className = css;
span.innerHTML = str;
this.div.appendChild(span);
}
}
else
{
span.innerHTML = str;
this.div.appendChild(span);
}
}
// checks if one match is inside another
dp.sh.Highlighter.prototype.IsInside = function(match)
{
if(match == null || match.length == 0)
{
return;
}
for(var i = 0; i < this.matches.length; i++)
{
var c = this.matches[i];
if(c == null)
{
continue;
}
if((match.index > c.index) && (match.index <= c.index + c.length))
{
return true;
}
}
return false;
}
dp.sh.Highlighter.prototype.ProcessRegexList = function()
{
for(var i = 0; i < this.regexList.length; i++)
{
this.GetMatches(this.regexList[i].regex, this.regexList[i].css);
}
}
dp.sh.Highlighter.prototype.ProcessSmartTabs = function(code)
{
var lines = code.split('\n');
var result = '';
var tabSize = 4;
var tab = '\t';
// This function inserts specified amount of spaces in the string
// where a tab is while removing that given tab.
function InsertSpaces(line, pos, count)
{
var left = line.substr(0, pos);
var right = line.substr(pos + 1, line.length); // pos + 1 will get rid of the tab
var spaces = '';
for(var i = 0; i < count; i++)
{
spaces += ' ';
}
return left + spaces + right;
}
// This function process one line for 'smart tabs'
function ProcessLine(line, tabSize)
{
if(line.indexOf(tab) == -1)
{
return line;
}
var pos = 0;
while((pos = line.indexOf(tab)) != -1)
{
// This is pretty much all there is to the 'smart tabs' logic.
// Based on the position within the line and size of a tab,
// calculate the amount of spaces we need to insert.
var spaces = tabSize - pos % tabSize;
line = InsertSpaces(line, pos, spaces);
}
return line;
}
// Go through all the lines and do the 'smart tabs' magic.
for(var i = 0; i < lines.length; i++)
{
var line = lines[i];
result += ProcessLine(line, tabSize) + '\n';
}
return result;
}
dp.sh.Highlighter.prototype.SwitchToTable = function()
{
// Safari fix: for some reason lowercase isn't getting picked up, even though 'i' is set
var lines = this.div.innerHTML.split(/ /gi);
var row = null;
var cell = null;
var html = '';
var pipe = ' | ';
// creates an anchor to a utility
function UtilHref(util, text)
{
return '' + text + '';
}
row = this.table.insertRow(-1);
if(this.addGutter == true)
{
cell = row.insertCell(-1);
cell.className = 'tools-corner';
}
if(this.addControls == true)
{
cell = row.insertCell(-1);
cell.originalCode = this.originalCode;
cell.processedCode = this.code;
cell.className = 'tools';
cell.innerHTML = UtilHref('ViewSource', 'view plain') + pipe + UtilHref('PrintSource', 'print');
if(window.clipboardData)
{
cell.innerHTML += pipe + UtilHref('ToClipboard', 'copy to clipboard');
}
cell.innerHTML += pipe + UtilHref('About', '?');
}
for(var i = 0; i < lines.length - 1; i++)
{
row = this.table.insertRow(-1);
if(this.addGutter == true)
{
cell = row.insertCell(-1);
cell.className = 'gutter';
cell.innerHTML = i + 1;
}
cell = row.insertCell(-1);
cell.className = 'line';
cell.innerHTML = lines[i];
}
this.div.innerHTML = '';
}
dp.sh.Highlighter.prototype.Highlight = function(code)
{
// This function strips all new lines and spaces
// from the beging and end of the string .
function Trim(str)
{
var begining = new RegExp('^[\\s\\n]', 'g');
var end = new RegExp('[\\s\\n]$', 'g');
while(begining.test(str))
{
str = str.substr(1);
}
while(end.test(str))
{
str = str.substr(0, str.length - 1);
}
return str;
}
// This function returns a portions of the string
// from pos1 to pos2 inclusive.
function Copy(string, pos1, pos2)
{
return string.substr(pos1, pos2 - pos1);
}
var pos = 0;
this.originalCode = code;
this.code = Trim(code);
this.div = document.createElement('div');
this.table = document.createElement('table');
this.matches = new Array();
if(this.CssClass != null)
{
this.table.className = this.CssClass;
}
// replace tabs with spaces
if(this.tabsToSpaces == true)
{
this.code = this.ProcessSmartTabs(this.code);
}
this.table.border = 0;
this.table.cellSpacing = 0;
this.table.cellPadding = 0;
this.ProcessRegexList();
// if no matches found, do nothing
if(this.matches.length == 0)
{
return;
}
// sort the matches
this.matches = this.matches.sort(dp.sh.Highlighter.SortCallback);
// The following loop checks to see if any of the matches are inside
// of other matches. This process would get rid of highligting strings
// inside comments, keywords inside strings and so on.
for(var i = 0; i < this.matches.length; i++)
{
if(this.IsInside(this.matches[i]))
{
this.matches[i] = null;
}
}
// Finally, go through the final list of matches and pull the all
// together adding everything in between that isn't a match.
for(var i = 0; i < this.matches.length; i++)
{
var match = this.matches[i];
if(match == null || match.length == 0)
{
continue;
}
this.AddBit(Copy(this.code, pos, match.index), null);
this.AddBit(match.value, match.css);
pos = match.index + match.length;
}
this.AddBit(this.code.substr(pos), null);
this.SwitchToTable();
}
dp.sh.Highlighter.prototype.GetKeywords = function(str)
{
return '\\b' + str.replace(/ /g, '\\b|\\b') + '\\b';
}
// highlightes all elements identified by name and gets source code from specified property
dp.sh.HighlightAll = function(name, showGutter /* optional */, showControls /* optional */)
{
var elements = document.getElementsByName(name);
var highlighter = null;
var registered = new Object();
var propertyName = 'value';
function FindValue()
{
var a = arguments;
for(var i = 0; i < a.length; i++)
if(a[i] != null && ((typeof(a[i]) == 'string' && a[i] != '') || (typeof(a[i]) == 'object' && a[i].value != '')))
return a[i];
return null;
}
if(elements == null)
{
return;
}
// if showGutter isn't set, default to TRUE
if(showGutter == null)
{
showGutter = true;
}
// if showControls isn't set, default to TRUE
if(showControls == null)
{
showControls = true;
}
// register all brushes
for(var brush in dp.sh.Brushes)
{
var aliases = dp.sh.Brushes[brush].Aliases;
if(aliases == null)
{
continue;
}
for(var i = 0; i < aliases.length; i++)
{
registered[aliases[i]] = brush;
}
}
for(var i = 0; i < elements.length; i++)
{
var element = elements[i];
var language = FindValue(element.attributes['class'], element.className, element.attributes['language'], element.language);
if(language == null)
continue;
if(language.value)
language = language.value;
language = (language + '').toLowerCase();
if(registered[language] == null)
{
continue;
}
// instantiate a brush
highlighter = new dp.sh.Brushes[registered[language]]();
// hide the original element
element.style.display = 'none';
highlighter.addGutter = showGutter;
highlighter.addControls = showControls;
highlighter.Highlight(element[propertyName]);
// place the result table inside a div
var div = document.createElement('div');
div.className = 'dp-highlighter';
div.appendChild(highlighter.table);
element.parentNode.insertBefore(div, element);
}
}