2012-07-11 03:48:14 +08:00
|
|
|
|
/**
|
|
|
|
|
* Prism: Lightweight, robust, elegant syntax highlighting
|
|
|
|
|
* MIT license http://www.opensource.org/licenses/mit-license.php/
|
|
|
|
|
* @author Lea Verou http://lea.verou.me
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
(function(){
|
|
|
|
|
|
2012-07-17 05:49:29 +08:00
|
|
|
|
// Private helper vars
|
|
|
|
|
var langRegex = /lang(?:uage)?-(\w+)/i
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
var _ = self.Prism = {
|
2012-07-16 02:04:25 +08:00
|
|
|
|
tokens: {
|
|
|
|
|
url: /[a-z]{3,4}s?:\/\/\S+/g
|
|
|
|
|
},
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
languages: {},
|
|
|
|
|
|
|
|
|
|
highlightAll: function(useWorkers, callback) {
|
|
|
|
|
var elements = document.querySelectorAll('pre.prism, pre.prism > code, code.prism');
|
|
|
|
|
|
|
|
|
|
for (var i=0, element; element = elements[i++];) {
|
2012-07-16 06:35:06 +08:00
|
|
|
|
if (/pre/i.test(element.nodeName) && element.children.length > 0) {
|
2012-07-11 03:48:14 +08:00
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-12 03:01:44 +08:00
|
|
|
|
_.highlight(element, useWorkers === true, callback);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
highlight: function(element, useWorkers, callback) {
|
|
|
|
|
if(!element) {
|
2012-07-11 03:48:14 +08:00
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-17 05:49:29 +08:00
|
|
|
|
var language = (
|
|
|
|
|
element.className.match(langRegex)
|
|
|
|
|
|| element.parentNode.className.match(langRegex)
|
|
|
|
|
|| [])[1],
|
2012-07-11 03:48:14 +08:00
|
|
|
|
tokens = _.languages[language];
|
|
|
|
|
|
|
|
|
|
if (!tokens) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
var code = element.textContent || element.innerText;
|
2012-07-11 03:48:14 +08:00
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
if(!code) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code = code.replace(/&/g, '&').replace(/</g, '<')
|
|
|
|
|
.replace(/>/g, '>').replace(/\u00a0/g, ' ');
|
|
|
|
|
//console.time(code.slice(0,50));
|
2012-07-16 02:04:25 +08:00
|
|
|
|
|
|
|
|
|
var env = {
|
|
|
|
|
element: element,
|
|
|
|
|
language: language,
|
|
|
|
|
tokens: tokens,
|
|
|
|
|
code: code
|
|
|
|
|
};
|
|
|
|
|
|
2012-07-16 13:36:05 +08:00
|
|
|
|
_.hooks.run('before-highlight', env);
|
2012-07-16 02:04:25 +08:00
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
if (useWorkers && self.Worker) {
|
|
|
|
|
if(self.worker) {
|
|
|
|
|
self.worker.terminate();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var worker = new Worker(_.filename);
|
|
|
|
|
|
|
|
|
|
worker.onmessage = function(evt) {
|
2012-07-16 13:36:05 +08:00
|
|
|
|
env.highlightedCode = evt.data;
|
|
|
|
|
env.element.innerHTML = env.highlightedCode;
|
|
|
|
|
|
2012-07-16 02:04:25 +08:00
|
|
|
|
callback && callback.call(env.element);
|
2012-07-16 13:36:05 +08:00
|
|
|
|
|
|
|
|
|
_.hooks.run('after-highlight', env);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
};
|
|
|
|
|
|
2012-07-16 02:04:25 +08:00
|
|
|
|
worker.postMessage(env.language + '|' + env.code);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
else {
|
2012-07-16 13:36:05 +08:00
|
|
|
|
env.highlightedCode = _.tokenize(env.code, env.tokens)
|
|
|
|
|
env.element.innerHTML = env.highlightedCode;
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
callback && callback.call(element);
|
2012-07-16 13:36:05 +08:00
|
|
|
|
|
|
|
|
|
_.hooks.run('after-highlight', env);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
2012-07-12 22:12:58 +08:00
|
|
|
|
//console.timeEnd(code.slice(0,50));
|
2012-07-11 03:48:14 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
tokenize: function(text, tokens) {
|
|
|
|
|
var strarr = [text];
|
|
|
|
|
|
|
|
|
|
var rest = tokens.rest;
|
|
|
|
|
|
|
|
|
|
if (rest) {
|
|
|
|
|
for (var token in rest) {
|
|
|
|
|
tokens[token] = rest[token];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
delete tokens.rest;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
tokenloop: for (var token in tokens) {
|
|
|
|
|
if(!tokens.hasOwnProperty(token) || !tokens[token]) {
|
2012-07-11 08:14:55 +08:00
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
var pattern = tokens[token],
|
2012-07-16 02:04:25 +08:00
|
|
|
|
inside = pattern.inside,
|
2012-07-16 06:35:06 +08:00
|
|
|
|
lookbehind = !!pattern.lookbehind || 0;
|
2012-07-11 03:48:14 +08:00
|
|
|
|
|
|
|
|
|
pattern = pattern.pattern || pattern;
|
|
|
|
|
|
2012-07-16 02:04:25 +08:00
|
|
|
|
for (var i=0; i<strarr.length; i++) { // Don’t cache length as it changes during the loop
|
2012-07-11 03:48:14 +08:00
|
|
|
|
|
|
|
|
|
var str = strarr[i];
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
if (strarr.length > text.length) {
|
|
|
|
|
// Something went terribly wrong, ABORT, ABORT!
|
|
|
|
|
break tokenloop;
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
if (str.token) {
|
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pattern.lastIndex = 0;
|
|
|
|
|
|
|
|
|
|
var match = pattern.exec(str);
|
|
|
|
|
|
|
|
|
|
if (match) {
|
2012-07-16 06:35:06 +08:00
|
|
|
|
if(lookbehind) {
|
|
|
|
|
lookbehind = match[1].length;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var from = match.index - 1 + lookbehind,
|
2012-07-16 02:04:25 +08:00
|
|
|
|
match = match[0].slice(lookbehind),
|
2012-07-12 22:12:58 +08:00
|
|
|
|
len = match.length,
|
|
|
|
|
to = from + len,
|
|
|
|
|
before = str.slice(0, from + 1),
|
|
|
|
|
after = str.slice(to + 1);
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
var wrapped = new String(
|
|
|
|
|
_.wrap(
|
|
|
|
|
token,
|
|
|
|
|
inside? _.tokenize(match, inside) : match
|
|
|
|
|
)
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
wrapped.token = true;
|
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
var args = [i, 1];
|
2012-07-11 03:48:14 +08:00
|
|
|
|
|
2012-07-12 22:12:58 +08:00
|
|
|
|
if (before) {
|
|
|
|
|
args.push(before);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
2012-07-12 22:12:58 +08:00
|
|
|
|
|
|
|
|
|
args.push(wrapped);
|
|
|
|
|
|
|
|
|
|
if (after) {
|
|
|
|
|
args.push(after);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Array.prototype.splice.apply(strarr, args);
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return strarr.join('');
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
wrap: function(token, content) {
|
2012-07-14 03:11:03 +08:00
|
|
|
|
var env = {
|
|
|
|
|
token: token,
|
|
|
|
|
content: content
|
|
|
|
|
};
|
2012-07-13 07:42:17 +08:00
|
|
|
|
|
2012-07-14 03:11:03 +08:00
|
|
|
|
env.tag = 'span';
|
|
|
|
|
env.classes = ['token', token];
|
|
|
|
|
env.attributes = {};
|
2012-07-13 07:42:17 +08:00
|
|
|
|
|
2012-07-14 03:11:03 +08:00
|
|
|
|
if (token === 'comment') {
|
|
|
|
|
env.attributes['spellcheck'] = 'true';
|
2012-07-13 07:42:17 +08:00
|
|
|
|
}
|
|
|
|
|
|
2012-07-14 03:11:03 +08:00
|
|
|
|
_.hooks.run('wrap', env);
|
2012-07-13 07:42:17 +08:00
|
|
|
|
|
|
|
|
|
var attributesSerialized = '';
|
|
|
|
|
|
2012-07-14 03:11:03 +08:00
|
|
|
|
for (var name in env.attributes) {
|
|
|
|
|
attributesSerialized += name + '="' + (env.attributes[name] || '') + '"';
|
2012-07-13 07:42:17 +08:00
|
|
|
|
}
|
|
|
|
|
|
2012-07-14 03:11:03 +08:00
|
|
|
|
return '<' + env.tag + ' class="' + env.classes.join(' ') + '" ' + attributesSerialized + '>' + env.content + '</' + env.tag + '>';
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
hooks: {
|
|
|
|
|
all: {},
|
|
|
|
|
|
|
|
|
|
add: function (name, callback) {
|
|
|
|
|
var hooks = _.hooks.all;
|
|
|
|
|
|
|
|
|
|
hooks[name] = hooks[name] || [];
|
|
|
|
|
|
|
|
|
|
hooks[name].push(callback);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
run: function (name, env) {
|
|
|
|
|
var callbacks = _.hooks.all[name];
|
|
|
|
|
|
|
|
|
|
if (!callbacks || !callbacks.length) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (var i=0, callback; callback = callbacks[i++];) {
|
|
|
|
|
callback(env);
|
|
|
|
|
}
|
|
|
|
|
}
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (!self.document) {
|
|
|
|
|
// In worker
|
|
|
|
|
self.addEventListener('message', function(evt) {
|
|
|
|
|
var message = evt.data,
|
|
|
|
|
i = message.indexOf('|'),
|
|
|
|
|
lang = message.slice(0,i),
|
|
|
|
|
code = message.slice(i+1);
|
|
|
|
|
|
|
|
|
|
self.postMessage(_.tokenize(code, _.languages[lang]));
|
|
|
|
|
self.close();
|
|
|
|
|
}, false);
|
|
|
|
|
|
2012-07-11 19:22:23 +08:00
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Get current script and highlight
|
|
|
|
|
var script = document.getElementsByTagName('script');
|
|
|
|
|
|
|
|
|
|
script = script[script.length - 1];
|
|
|
|
|
|
|
|
|
|
if (script) {
|
|
|
|
|
_.filename = script.src;
|
2012-07-11 03:48:14 +08:00
|
|
|
|
|
2012-07-12 03:01:44 +08:00
|
|
|
|
if(document.addEventListener) {
|
|
|
|
|
document.addEventListener('DOMContentLoaded', _.highlightAll);
|
|
|
|
|
}
|
|
|
|
|
else if (window.attachEvent) {
|
|
|
|
|
attachEvent('onload', _.highlightAll);
|
|
|
|
|
}
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
/***********************************************
|
|
|
|
|
Begin prism-css.js
|
|
|
|
|
***********************************************/
|
|
|
|
|
|
|
|
|
|
Prism.languages.css = {
|
|
|
|
|
'comment': /\/\*[\w\W]*?\*\//g,
|
|
|
|
|
'atrule': /@[\w-]+?(\s+.+)?(?=\s*{|\s*;)/gi,
|
2012-07-11 19:22:23 +08:00
|
|
|
|
'selector': /[^\{\}\s][^\{\}]*(?=\s*\{)/g,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'property': /(\b|\B)[a-z-]+(?=\s*:)/ig,
|
|
|
|
|
'important': /\B!important\b/gi,
|
|
|
|
|
'ignore': /&(lt|gt|amp);/gi,
|
|
|
|
|
'punctuation': /[\{\};:]/g
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***********************************************
|
|
|
|
|
Begin prism-javascript.js
|
|
|
|
|
***********************************************/
|
|
|
|
|
|
|
|
|
|
Prism.languages.javascript = {
|
|
|
|
|
'comment': /\/\*[\w\W]*?\*\//g,
|
2012-07-16 02:04:25 +08:00
|
|
|
|
'regex': {
|
2012-07-16 06:35:06 +08:00
|
|
|
|
pattern: /(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}/g,
|
|
|
|
|
lookbehind: true
|
2012-07-16 02:04:25 +08:00
|
|
|
|
},
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'line-comment': /\/\/.*?(\r?\n|$)/g,
|
|
|
|
|
'string': /("|')(\\?.)*?\1/g,
|
|
|
|
|
'keyword': /\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|catch|finally|null|break|continue)\b/g,
|
|
|
|
|
'boolean': /\b(true|false)\b/g,
|
|
|
|
|
'number': /\b-?(0x)?\d*\.?\d+\b/g,
|
2012-07-16 06:35:06 +08:00
|
|
|
|
'operator': /[-+]{1,2}|!|=?<|=?>|={1,2}|(&){1,2}|\|?\||\?|\*|\//g,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'ignore': /&(lt|gt|amp);/gi,
|
2012-07-16 06:35:06 +08:00
|
|
|
|
'punctuation': /[{}[\];(),.:]/g,
|
2012-07-14 03:18:28 +08:00
|
|
|
|
'tab': /\t/g
|
2012-07-11 03:48:14 +08:00
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***********************************************
|
2012-07-12 22:18:48 +08:00
|
|
|
|
Begin prism-markup.js
|
2012-07-11 03:48:14 +08:00
|
|
|
|
***********************************************/
|
|
|
|
|
|
2012-07-12 22:18:48 +08:00
|
|
|
|
Prism.languages.markup = {
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'comment': /<!--[\w\W]*?--(>|>)/g,
|
2012-07-13 00:07:05 +08:00
|
|
|
|
'prolog': /<\?.+?\?(>|>)/,
|
|
|
|
|
'doctype': /<!DOCTYPE.+?(>|>)/,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'script': null,
|
|
|
|
|
'style': null,
|
2012-07-13 07:31:49 +08:00
|
|
|
|
'cdata': /<!\[CDATA\[[\w\W]+]]>/i,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'tag': {
|
2012-07-13 07:31:49 +08:00
|
|
|
|
pattern: /(<|<)\/?[\w:-]+\s*[\w\W]*?(>|>)/gi,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
inside: {
|
2012-07-12 22:12:58 +08:00
|
|
|
|
'tag': {
|
|
|
|
|
pattern: /^(<|<)\/?[\w:-]+/i,
|
|
|
|
|
inside: {
|
|
|
|
|
'punctuation': /^(<|<)\/?/,
|
|
|
|
|
'namespace': /^[\w-]+?:/
|
|
|
|
|
}
|
|
|
|
|
},
|
2012-07-11 03:48:14 +08:00
|
|
|
|
'attr-value': {
|
2012-07-13 00:07:05 +08:00
|
|
|
|
pattern: /=(('|")[\w\W]*?(\2)|[^\s>]+)/gi,
|
2012-07-11 03:48:14 +08:00
|
|
|
|
inside: {
|
|
|
|
|
'punctuation': /=/g
|
|
|
|
|
}
|
|
|
|
|
},
|
2012-07-12 22:12:58 +08:00
|
|
|
|
'punctuation': /\/?>|\/?>/g,
|
|
|
|
|
'attr-name': {
|
|
|
|
|
pattern: /[\w:-]+/g,
|
|
|
|
|
inside: {
|
|
|
|
|
'namespace': /^[\w-]+?:/
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
'entity': /&#?[\da-z]{1,8};/gi
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
if (Prism.languages.javascript) {
|
2012-07-12 22:18:48 +08:00
|
|
|
|
Prism.languages.markup.script = {
|
2012-07-11 03:48:14 +08:00
|
|
|
|
pattern: /(<|<)script[\w\W]*?(>|>)[\w\W]*?(<|<)\/script(>|>)/ig,
|
|
|
|
|
inside: {
|
|
|
|
|
'tag': {
|
|
|
|
|
pattern: /(<|<)script[\w\W]*?(>|>)|(<|<)\/script(>|>)/ig,
|
2012-07-12 22:18:48 +08:00
|
|
|
|
inside: Prism.languages.markup.tag.inside
|
2012-07-11 03:48:14 +08:00
|
|
|
|
},
|
|
|
|
|
rest: Prism.languages.javascript
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
else {
|
2012-07-12 22:18:48 +08:00
|
|
|
|
delete Prism.languages.markup.script;
|
2012-07-11 03:48:14 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (Prism.languages.css) {
|
2012-07-12 22:18:48 +08:00
|
|
|
|
Prism.languages.markup.style = {
|
2012-07-11 03:48:14 +08:00
|
|
|
|
pattern: /(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/ig,
|
|
|
|
|
inside: {
|
|
|
|
|
'tag': {
|
|
|
|
|
pattern: /(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/ig,
|
2012-07-12 22:18:48 +08:00
|
|
|
|
inside: Prism.languages.markup.tag.inside
|
2012-07-11 03:48:14 +08:00
|
|
|
|
},
|
|
|
|
|
rest: Prism.languages.css
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
else {
|
2012-07-12 22:18:48 +08:00
|
|
|
|
delete Prism.languages.markup.style;
|
2012-07-14 03:11:03 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Plugin to make entity title show the real entity
|
|
|
|
|
Prism.hooks.add('wrap', function(env) {
|
|
|
|
|
|
|
|
|
|
if (env.token === 'entity') {
|
|
|
|
|
env.attributes['title'] = env.content.replace(/&/, '&');
|
|
|
|
|
}
|
|
|
|
|
});
|