highlighted = false;
function syntaxHighlight() {
/* CSS syntax highlighting */
if (highlighted) {
return;
}
ruleRE = new RegExp('([^\\{]+)\\{([^\\}]+)\\}', 'g');
idselectorRE = new RegExp('(#[a-zA-Z0-9]+)\\b', 'g');
classselectorRE = new RegExp('(\\.[a-zA-Z0-9]+)\\b', 'g');
pairRE = new RegExp('([a-zA-Z-]+):([^;]+);', 'g');
css = document.getElementsBySelector('code.css');
for (i = 0; i < css.length; i++) {
c = css[i];
content = c.innerHTML;
content = content.replace(ruleRE, function(text, selector, body) {
selector = selector.replace(idselectorRE, '$1');
selector = selector.replace(classselectorRE, '$1');
body = body.replace(pairRE, '$1:$2;');
return selector + '{' + body + '}';
});
c.innerHTML = content;
}
/* HTML syntax highlighting */
html = document.getElementsBySelector('code.html');
tagRE = new RegExp('<([/a-z0-9]+)([^&]*)>', 'g');
attrRE = new RegExp('\\b([a-zA-Z]+)="([^"]+)"', 'g');
for (i = 0; i < html.length; i++) {
c = html[i];
content = c.innerHTML;
content = content.replace(tagRE, function(text, tagname, rest) {
/* This function gets a tag and must work out how to highlight it */
// First highlight any attributes in 'rest'
rest = rest.replace(attrRE, '$1="$2"');
return '<'+tagname+''+rest+'>';
});
c.innerHTML = content;
}
highlighted = true;
} /* End of function */