mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-01-05 20:32:00 -05:00
jsdoc template: Use CodeMirror for code highlighting.
This commit is contained in:
Jonathan Puckey
parent
6d13b1eb5d
commit
e3069eaaed
6 changed files with 261 additions and 961 deletions
|
|
@ -0,0 +1,110 @@
|
|||
.CodeMirror,
|
||||
.CodeMirror textarea,
|
||||
.CodeMirror pre {
|
||||
font-family: Menlo, Consolas, "Vera Mono", monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.CodeMirror-gutter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 30px;
|
||||
height: 100%;
|
||||
background-color: #f4f4f4;
|
||||
border-right: 1px solid #999;
|
||||
}
|
||||
|
||||
.CodeMirror-gutter-text {
|
||||
color: #aaa;
|
||||
text-align: right;
|
||||
padding: 2px 8px 2px 8px; /* 2px required for CodeMirror-selected */
|
||||
}
|
||||
|
||||
.CodeMirror-gutter-text pre {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.CodeMirror-lines {
|
||||
background: #ffffff;
|
||||
padding: 2px 0 2px 8px; /* 2px required for CodeMirror-selected */
|
||||
}
|
||||
|
||||
.CodeMirror-lines pre.highlight {
|
||||
background-color: #edf5fc;
|
||||
}
|
||||
|
||||
/*
|
||||
.CodeMirror-lines pre:hover {
|
||||
background-color: #edf5fc;
|
||||
}
|
||||
|
||||
.CodeMirror-lines pre.highlight:hover {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
*/
|
||||
|
||||
.CodeMirror pre {
|
||||
line-height: 16px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor {
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
border-left: 1px solid #7c7c7c !important;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.CodeMirror-focused .CodeMirror-cursor {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
span.CodeMirror-selected {
|
||||
background: #ccc !important;
|
||||
color: HighlightText !important;
|
||||
padding: 2px 0 2px 0;
|
||||
}
|
||||
|
||||
.CodeMirror-focused span.CodeMirror-selected {
|
||||
background: Highlight !important;
|
||||
}
|
||||
|
||||
.CodeMirror-matchingbracket {
|
||||
background: #e3fc8d !important;
|
||||
}
|
||||
|
||||
.CodeMirror-nonmatchingbracket {
|
||||
color: #d62a28 !important;
|
||||
}
|
||||
|
||||
/* JavaScript */
|
||||
|
||||
span.js-comment {
|
||||
color: #8c868f;
|
||||
}
|
||||
span.js-keyword {
|
||||
color: #ff7800;
|
||||
}
|
||||
span.js-atom {
|
||||
color: #3b5bb5;
|
||||
}
|
||||
span.js-string {
|
||||
color: #409b1c;
|
||||
}
|
||||
span.js-variable {
|
||||
color: #000000;
|
||||
}
|
||||
span.js-variabledef,
|
||||
span.js-localvariable {
|
||||
color: #3a4a64 /*#687687;*/
|
||||
}
|
||||
|
|
@ -1,115 +0,0 @@
|
|||
ol.ltLighter {
|
||||
font-family: Menlo, Consolas, "Vera Mono", monospace;
|
||||
font-size: 10px;
|
||||
overflow: auto;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
ol.ltLighter {
|
||||
white-space: -moz-pre-wrap;
|
||||
}
|
||||
|
||||
ol.ltLighter {
|
||||
white-space: -pre-wrap;
|
||||
}
|
||||
|
||||
ol.ltLighter {
|
||||
white-space: -o-pre-wrap;
|
||||
}
|
||||
|
||||
ol.ltLighter {
|
||||
color: #939393;
|
||||
list-style: decimal-leading-zero;
|
||||
background-color: #f4f4f4;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ol.ltLighter li {
|
||||
border-left: 1px solid #939393;
|
||||
padding: 0 3px 0 10px;
|
||||
background-color: #fff;
|
||||
padding-left: 15px;
|
||||
padding-right: 5px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
ol.ltLighter .ltfirst {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
ol.ltLighter .ltlast {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
ol.ltLighter .alt {
|
||||
background-color: #edf5fc;
|
||||
}
|
||||
|
||||
ol.ltLighter span {
|
||||
color: black;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
ol.ltLighter .de1 {
|
||||
}
|
||||
|
||||
ol.ltLighter .de2 {
|
||||
}
|
||||
|
||||
ol.ltLighter .kw1 {
|
||||
color: #1b609a;
|
||||
}
|
||||
|
||||
ol.ltLighter .kw2 {
|
||||
color: #9a6f1b;
|
||||
}
|
||||
|
||||
ol.ltLighter .kw3 {
|
||||
color: #784e0c;
|
||||
}
|
||||
|
||||
ol.ltLighter .co1 {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
ol.ltLighter .co2 {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
ol.ltLighter .st0 {
|
||||
color: #489a1b;
|
||||
}
|
||||
|
||||
ol.ltLighter .st1 {
|
||||
color: #70483d;
|
||||
}
|
||||
|
||||
ol.ltLighter .st2 {
|
||||
color: #70483d;
|
||||
}
|
||||
|
||||
ol.ltLighter .nu0 {
|
||||
color: #70483d;
|
||||
}
|
||||
|
||||
ol.ltLighter .me0 {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
ol.ltLighter .br0 {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
ol.ltLighter .sy0 {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
ol.ltLighter .es0 {
|
||||
color: #444444;
|
||||
}
|
||||
|
||||
ol.ltLighter .re0 {
|
||||
color: #784e0c;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,826 +0,0 @@
|
|||
/**
|
||||
* Script:
|
||||
* Fuel.js - Language definition engine for Lighter.js
|
||||
*
|
||||
* License:
|
||||
* MIT-style license.
|
||||
*
|
||||
* Author:
|
||||
* José Prado
|
||||
*
|
||||
* Copyright:
|
||||
* Copyright (©) 2009 [Jose Prado](http://pradador.com/).
|
||||
*
|
||||
* Changelog:
|
||||
* 2009/03/21 (1.0.0)
|
||||
* - Initial Release
|
||||
*
|
||||
*/
|
||||
Fuel = Base.extend(Callback, {
|
||||
|
||||
options: {
|
||||
matchType: 'standard',
|
||||
strict: false
|
||||
},
|
||||
language: '',
|
||||
defaultFlame: 'standard',
|
||||
|
||||
patterns: new Hash(),
|
||||
keywords: new Hash(),
|
||||
rules: new Hash(),
|
||||
delimiters: new Hash({
|
||||
start: null,
|
||||
end: null
|
||||
}),
|
||||
|
||||
/************************
|
||||
* Common Regex Rules
|
||||
***********************/
|
||||
common: {
|
||||
slashComments: /(?:^|[^\\])\/\/.*$/gm, // Matches a C style single-line comment.
|
||||
poundComments: /#.*$/gm, // Matches a Perl style single-line comment.
|
||||
multiComments: /\/\*[\s\S]*?\*\//gm, // Matches a C style multi-line comment.
|
||||
aposStrings: /'[^'\\]*(?:\\.[^'\\]*)*'/gm, // Matches a string enclosed by single quotes.
|
||||
quotedStrings: /"[^"\\]*(?:\\.[^"\\]*)*"/gm, // Matches a string enclosed by double quotes.
|
||||
strings: /'[^'\\]*(?:\\.[^'\\]*)*'|"[^"\\]*(?:\\.[^"\\]*)*"/gm, // Matches both.
|
||||
properties: /\.([\w]+)\s*/gi, // Matches a property: .property style.
|
||||
methodCalls: /\.([\w]+)\s*\(/gm, // Matches a method call: .methodName() style.
|
||||
functionCalls: /\b([\w]+)\s*\(/gm, // Matches a function call: functionName() style.
|
||||
brackets: /\{|\}|\(|\)|\[|\]/g, // Matches any of the common brackets.
|
||||
numbers: /\b((?:(\d+)?\.)?[0-9]+|0x[0-9A-F]+)\b/gi // Matches integers, decimals, hexadecimals.
|
||||
},
|
||||
|
||||
/************************
|
||||
* Fuel Constructor
|
||||
***********************/
|
||||
initialize: function(lighter, flame, options, wicks) {
|
||||
this.setOptions(options);
|
||||
this.wicks = wicks || [];
|
||||
// Set Lighter/Fuel/Flame relationship.
|
||||
this.lighter = lighter;
|
||||
this.flame = flame;
|
||||
|
||||
// Set builder object for matchType.
|
||||
this.builder = new Hash({
|
||||
'standard': this.findMatches,
|
||||
'lazy': this.findMatchesLazy
|
||||
});
|
||||
|
||||
// Add delimiter rules if not in strict mode
|
||||
if (!options.strict) {
|
||||
if (this.delimiters.start) this.addFuel('delimBeg', this.delimiters.start, 'de1');
|
||||
if (this.delimiters.end) this.addFuel('delimEnd', this.delimiters.end, 'de2');
|
||||
}
|
||||
|
||||
// Set Keyword Rules from this.keywords object.
|
||||
this.keywords.each(function(keywordSet, ruleName) {
|
||||
if (keywordSet.csv != '') {
|
||||
this.addFuel(ruleName, this.csvToRegExp(keywordSet.csv, "g"), keywordSet.alias);
|
||||
}
|
||||
}, this);
|
||||
|
||||
// Set Rules from this.patterns object.
|
||||
this.patterns.each(function(regex, ruleName) {
|
||||
this.addFuel(ruleName, regex.pattern, regex.alias);
|
||||
}, this);
|
||||
|
||||
/** Process source code based on match type. */
|
||||
var codeBeg = 0,
|
||||
codeEnd = lighter.code.length,
|
||||
codeSeg = '',
|
||||
delim = this.delimiters,
|
||||
matches = [],
|
||||
match = null,
|
||||
endMatch = null;
|
||||
|
||||
if (!options.strict) {
|
||||
// Find matches through the complete source code.
|
||||
matches.append(this.builder[options.matchType].bind(this, lighter.code)());
|
||||
} else if (delim.start && delim.end) {
|
||||
// Find areas between language delimiters and find matches there.
|
||||
while ((match = delim.start.exec(lighter.code)) != null ) {
|
||||
delim.end.lastIndex = delim.start.lastIndex;
|
||||
if ((endMatch = delim.end.exec(lighter.code)) != null ) {
|
||||
matches.push(new Wick(match[0], 'de1', match.index));
|
||||
codeBeg = delim.start.lastIndex;
|
||||
codeEnd = endMatch.index-1;
|
||||
codeSeg = lighter.code.substring(codeBeg, codeEnd);
|
||||
matches.append(this.builder[options.matchType].bind(this, codeSeg, codeBeg)());
|
||||
matches.push(new Wick(endMatch[0], 'de2', endMatch.index));
|
||||
}
|
||||
}
|
||||
}
|
||||
this.wicks = matches;
|
||||
},
|
||||
|
||||
/************************
|
||||
* Regex Helper methods.
|
||||
***********************/
|
||||
addFuel: function(fuelName, RegEx, className) {
|
||||
this.rules[fuelName] = RegEx;
|
||||
this.flame.addAlias(fuelName, className);
|
||||
},
|
||||
csvToRegExp: function(csv, mod) {return new RegExp('\\b(' + csv.replace(/,\s*/g, '|') + ')\\b', mod);},
|
||||
delimitedRegex: function(beg, esc, end, mod, suffix) {
|
||||
beg = beg.escapeRegExp();
|
||||
if (esc) esc = esc.escapeRegExp();
|
||||
end = (end) ? end.escapeRegExp() : beg;
|
||||
pat = (esc) ? beg+"[^"+end+esc+'\\n]*(?:'+esc+'.[^'+end+esc+'\\n]*)*'+end : beg+"[^"+end+'\\n]*'+end;
|
||||
return new RegExp(pat+(suffix || ''), mod || '');
|
||||
},
|
||||
strictRegex: function() {
|
||||
var regex = '(';
|
||||
for (var i = 0; i < arguments.length; i++) {
|
||||
regex += arguments[i].escapeRegExp();
|
||||
regex += (i < arguments.length - 1) ? '|' : '';
|
||||
}
|
||||
regex += ')';
|
||||
return new RegExp(regex, "gim");
|
||||
},
|
||||
|
||||
/************************
|
||||
* Match finding Methods
|
||||
***********************/
|
||||
findMatches: function(code, offset) {
|
||||
var wicks = [],
|
||||
startIndex = 0,
|
||||
matchIndex = code.length
|
||||
insertIndex = 0,
|
||||
match = null,
|
||||
type = null,
|
||||
newWick = null,
|
||||
rule = null,
|
||||
rules = {},
|
||||
currentMatch = null,
|
||||
futureMatch = null;
|
||||
|
||||
offset = (offset) ? offset : 0;
|
||||
this.rules.each(function(regex, rule) {
|
||||
rules[rule] = {pattern: regex, enabled: true, lastIndex: 0};
|
||||
}, this);
|
||||
|
||||
while(startIndex < code.length) {
|
||||
matchIndex = code.length;
|
||||
match = null;
|
||||
for (rule in rules) {
|
||||
rules[rule].pattern.lastIndex = startIndex;
|
||||
currentMatch = rules[rule].pattern.exec(code);
|
||||
if (currentMatch === null) {
|
||||
delete rules[rule];
|
||||
} else {
|
||||
if (currentMatch.index < matchIndex) {
|
||||
match = currentMatch;
|
||||
type = rule;
|
||||
matchIndex = currentMatch.index;
|
||||
} else if (currentMatch.index == matchIndex && match[0].length < currentMatch[0].length) {
|
||||
match = currentMatch;
|
||||
type = rule;
|
||||
matchIndex = currentMatch.index;
|
||||
}
|
||||
rules[rule].nextIndex = rules[rule].pattern.lastIndex - currentMatch[0].length;
|
||||
}
|
||||
}
|
||||
if (match != null) {
|
||||
index = (match[1] && match[0].contains(match[1])) ? match.index + match[0].indexOf(match[1]) : match.index;
|
||||
newWick = new Wick(match[1] || match[0], type, index+offset);
|
||||
wicks.push(newWick);
|
||||
|
||||
futureMatch = rules[type].pattern.exec(code);
|
||||
if (!futureMatch) {
|
||||
rules[type].nextIndex = code.length;
|
||||
} else {
|
||||
rules[type].nextIndex = rules[type].pattern.lastIndex - futureMatch[0].length;
|
||||
}
|
||||
|
||||
var min = code.length;
|
||||
for (rule in rules) {
|
||||
if (rules[rule].nextIndex < min) {
|
||||
min = rules[rule].nextIndex;
|
||||
}
|
||||
}
|
||||
startIndex = Math.max(min, newWick.end - offset);
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
return wicks;
|
||||
},
|
||||
findMatchesLazy: function(code, offset) {
|
||||
var wicks = this.wicks,
|
||||
match = null
|
||||
index = 0;
|
||||
|
||||
offset = (offset) ? offset : 0;
|
||||
|
||||
this.rules.each(function(regex, rule) {
|
||||
while ((match = regex.exec(code)) != null) {
|
||||
index = (match[1] && match[0].contains(match[1])) ? match.index + match[0].indexOf(match[1]) : match.index;
|
||||
wicks.push(new Wick(match[1] || match[0], rule, index + offset));
|
||||
}
|
||||
}, this);
|
||||
return this.purgeWicks(wicks);
|
||||
},
|
||||
purgeWicks: function(wicks) {
|
||||
wicks = wicks.sort(this.compareWicks);
|
||||
for (var i = 0, j = 0; i < wicks.length; i++) {
|
||||
if (wicks[i] == null) continue;
|
||||
for (j = i+1; j < wicks.length && wicks[i] != null; j++) {
|
||||
if (wicks[j] == null) {continue;}
|
||||
else if (wicks[j].isBeyond(wicks[i])) {break;}
|
||||
else if (wicks[j].overlaps(wicks[i])) {wicks[i] = null;}
|
||||
else if (wicks[i].contains(wicks[j])) {wicks[j] = null;}
|
||||
}
|
||||
}
|
||||
return wicks.compact();
|
||||
},
|
||||
compareWicks: function(wick1, wick2) {return wick1.index - wick2.index;}
|
||||
});
|
||||
|
||||
Fuel.standard = Fuel.extend({initialize: function(lighter, flame, options, wicks) {this.base(lighter, flame, options, wicks);}});
|
||||
|
||||
var Wick = Base.extend({
|
||||
|
||||
initialize: function(match, type, index) {
|
||||
this.text = match;
|
||||
this.type = type;
|
||||
this.index = index;
|
||||
this.length = this.text.length;
|
||||
this.end = this.index + this.length;
|
||||
},
|
||||
contains: function(wick) {return (wick.index >= this.index && wick.index < this.end);},
|
||||
isBeyond: function(wick) {return (this.index >= wick.end);},
|
||||
overlaps: function(wick) {return (this.index == wick.index && this.length > wick.length);},
|
||||
toString: function() {return this.index+' - '+this.text+' - '+this.end;}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Script:
|
||||
* Flame.js - Theme Engine for Lighter.js
|
||||
*
|
||||
* License:
|
||||
* MIT-style license.
|
||||
*
|
||||
* Author:
|
||||
* José Prado
|
||||
*
|
||||
* Copyright:
|
||||
* Copyright (©) 2009 [Jose Prado](http://pradador.com/).
|
||||
*
|
||||
* Changelog:
|
||||
* 2009/03/21 (1.0.0)
|
||||
* - Initial Release
|
||||
*
|
||||
*/
|
||||
Flame = Base.extend(Callback, {
|
||||
|
||||
shortName: 'lt',
|
||||
aliases: new Hash(),
|
||||
containers: new Hash(),
|
||||
common: new Hash(),
|
||||
layout: new Hash(),
|
||||
styles: new Hash(),
|
||||
|
||||
|
||||
defaultStyles: new Hash({
|
||||
de1: new Hash({}), // Beginning delimiter
|
||||
de2: new Hash({}), // End delimiter
|
||||
kw1: new Hash({'color': '#1b609a'}), // Keywords 1
|
||||
kw2: new Hash({'color': '#9a6f1b'}), // Keywords 2
|
||||
kw3: new Hash({'color': '#784e0c'}), // Keywords 3
|
||||
co1: new Hash({'color': '#888888'}), // Comments 1
|
||||
co2: new Hash({'color': '#888888'}), // Comments 2
|
||||
st0: new Hash({'color': '#489a1b'}), // Strings 1
|
||||
st1: new Hash({'color': '#70483d'}), // Strings 2
|
||||
st2: new Hash({'color': '#70483d'}), // Strings 3
|
||||
nu0: new Hash({'color': '#70483d'}), // Numbers
|
||||
me0: new Hash({'color': '#666666'}), // Methods and Functions
|
||||
br0: new Hash({'color': '#444444'}), // Brackets
|
||||
sy0: new Hash({'color': '#444444'}), // Symbols
|
||||
es0: new Hash({'color': '#444444'}), // Escape characters
|
||||
re0: new Hash({'color': '#784e0c'}) // Regular Expressions
|
||||
}),
|
||||
defaultCommon: new Hash({
|
||||
'font-family': 'Monaco, Courier, Monospace',
|
||||
'font-size': '10px',
|
||||
'overflow': 'auto',
|
||||
'white-space': 'pre-wrap',
|
||||
'word-wrap': 'break-word'
|
||||
}),
|
||||
layout: new Hash({
|
||||
'numColor': new Hash({'background-color': '#f2f2f2'}),
|
||||
'lineColor': new Hash({'background-color': '#fff'}),
|
||||
'numStyles': new Hash({
|
||||
'color': '#939393',
|
||||
'font-size': '10px',
|
||||
'list-style': 'decimal-leading-zero'
|
||||
}),
|
||||
'lineStyles': new Hash({
|
||||
'border-top': '1px solid #fff',
|
||||
'border-bottom': '1px solid #fff',
|
||||
'border-left': '1px solid #939393',
|
||||
'padding': '0 3px 0 10px'
|
||||
}),
|
||||
'alt': new Hash({
|
||||
'border-top': '1px solid #eee',
|
||||
'border-bottom': '1px solid #eee',
|
||||
'background-color': '#F4F8FC'
|
||||
}),
|
||||
'top': new Hash({'padding-top': '5px'}),
|
||||
'right': new Hash({'padding-right': '5px'}),
|
||||
'bottom': new Hash({'padding-bottom': '5px'}),
|
||||
'left': new Hash({'padding-left': '15px'}),
|
||||
'codeStyles': new Hash({
|
||||
'color': 'black',
|
||||
'font-size': '10px'
|
||||
})
|
||||
}),
|
||||
fixes: new Hash({
|
||||
'div': new Hash({
|
||||
'div': new Hash({
|
||||
'clear': 'left',
|
||||
'overflow': 'auto'
|
||||
}),
|
||||
'num': new Hash({
|
||||
'display': 'block',
|
||||
'float': 'left',
|
||||
'text-align': 'center',
|
||||
'width': '30px'
|
||||
}),
|
||||
'line': new Hash({
|
||||
'display': 'block',
|
||||
'margin-left': '30px'
|
||||
})
|
||||
}),
|
||||
'table': new Hash({
|
||||
'num': new Hash({
|
||||
'text-align': 'center',
|
||||
'width': '30px'
|
||||
})
|
||||
}),
|
||||
'ol': new Hash({
|
||||
'ol': new Hash({
|
||||
'margin-left': '0',
|
||||
'padding-left': '0'
|
||||
}),
|
||||
'li': new Hash({
|
||||
'margin-left': '40px'
|
||||
})
|
||||
})
|
||||
}),
|
||||
|
||||
initialize: function(lighter, fuel) {
|
||||
|
||||
// Setup Lighter/Fuel/Flame trio.
|
||||
this.lighter = lighter;
|
||||
this.fuel = fuel;
|
||||
|
||||
this.common.merge(this.defaultCommon);
|
||||
this.styles.merge(this.defaultStyles);
|
||||
|
||||
// Map general styles to their aliases.
|
||||
this.defaultStyles.each(function(style, key) {
|
||||
this.addAlias(key);
|
||||
}, this);
|
||||
|
||||
// Insert stylesheet if in jsStyles mode
|
||||
if (this.lighter.options.jsStyles && !$('style#lighter_' + this.lighter.options.mode)) this.injectTag();
|
||||
},
|
||||
addAlias: function(key, alias) {this.aliases[key] = alias || key;},
|
||||
injectTag: function() {
|
||||
var type = this.lighter.options.mode,
|
||||
pfx = type+'.'+this.shortName+this.lighter.name,
|
||||
pfx2 = pfx+' .'+this.shortName,
|
||||
|
||||
numCSS = this.layout['numStyles'].merge(this.layout.numColor),
|
||||
lineCSS = this.layout['lineStyles'].merge(this.layout.lineColor),
|
||||
padCSS = this.layout.left.merge(this.layout.right);
|
||||
this.styleTag = new HtmlElement("style").setProperty('type','text/css').setProperty('id', 'lighter_' + this.lighter.options.mode).insertInside(DomElement.get('head'));
|
||||
|
||||
// General white-space/font styles.
|
||||
this.addCSS(pfx, this.common);
|
||||
this.addCSS(pfx, new Hash({'white-space': '-moz-pre-wrap'}));
|
||||
this.addCSS(pfx, new Hash({'white-space': '-pre-wrap'}));
|
||||
this.addCSS(pfx, new Hash({'white-space': '-o-pre-wrap'}));
|
||||
|
||||
// Case specific styles for a common general style.
|
||||
switch (type) {
|
||||
case "pre":
|
||||
padCSS = padCSS.merge(this.layout.top).merge(this.layout.bottom);
|
||||
this.addCSS(pfx, this.layout.lineColor.merge(padCSS));
|
||||
this.addCSS(pfx+' span', this.layout['codeStyles']);
|
||||
break;
|
||||
case "ol":
|
||||
this.addCSS(pfx, numCSS.merge(this.fixes['ol']['ol']));
|
||||
this.addCSS(pfx+' li', lineCSS.merge(padCSS).merge(this.fixes['ol']['li']));
|
||||
this.addCSS(pfx2+'first', this.layout['top']);
|
||||
this.addCSS(pfx2+'last', this.layout['bottom']);
|
||||
this.addCSS(pfx+' .alt', this.layout['alt']);
|
||||
this.addCSS(pfx+' span', this.layout['codeStyles']);
|
||||
break;
|
||||
case "div":
|
||||
numCSS = numCSS.merge(this.fixes.div.num),
|
||||
lineCSS = lineCSS.merge(this.fixes.div.line);
|
||||
this.addCSS(pfx2+'num', numCSS);
|
||||
this.addCSS(pfx2+'line', lineCSS.merge(padCSS));
|
||||
this.addCSS(pfx+' div', this.fixes['div']['div'].merge(this.layout.numColor));
|
||||
this.addCSS(pfx2+'first', this.layout['top']);
|
||||
this.addCSS(pfx2+'last', this.layout['bottom']);
|
||||
this.addCSS(pfx+' .alt', this.layout['alt']);
|
||||
this.addCSS(pfx+' span', this.layout['codeStyles']);
|
||||
break;
|
||||
case "table":
|
||||
numCSS = numCSS.merge(this.fixes['table']['num']);
|
||||
this.addCSS(pfx2+'num', numCSS);
|
||||
this.addCSS(pfx2+'line', lineCSS.merge(padCSS));
|
||||
this.addCSS(pfx2+'first', this.layout['top']);
|
||||
this.addCSS(pfx2+'last', this.layout['bottom']);
|
||||
this.addCSS(pfx+' .alt', this.layout['alt']);
|
||||
this.addCSS(pfx+' span', this.layout['codeStyles']);
|
||||
break;
|
||||
default:
|
||||
}
|
||||
|
||||
this.styles.each(function(stylesHash, styleName) {
|
||||
this.addCSS(pfx+' .'+styleName, stylesHash);
|
||||
}, this);
|
||||
},
|
||||
/** Code from horseweapon @ http://forum.mootools.net/viewtopic.php?id=6635 */
|
||||
addCSS: function(styleName, stylesHash) {
|
||||
//Create the CSS rule
|
||||
var newStyle = "\n" + styleName + " {\n";
|
||||
if (stylesHash) {
|
||||
stylesHash.each(function(value, attribute) {
|
||||
newStyle += "\t" + attribute + ": " + value + ";\n";
|
||||
});
|
||||
}
|
||||
newStyle += "}\n";
|
||||
// Insert into Flame's styleTag.
|
||||
if (browserTrident()) {
|
||||
this.styleTag.$.styleSheet.cssText += newStyle;
|
||||
} else {
|
||||
this.styleTag.appendText(newStyle);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
Flame.standard = Flame.extend({initialize: function(lighter, fuel) {this.base(lighter, fuel);}});
|
||||
|
||||
|
||||
/**
|
||||
* Script:
|
||||
* Flame.js - Syntax Highlighter written in MooTools.
|
||||
*
|
||||
* License:
|
||||
* MIT-style license.
|
||||
*
|
||||
* Author:
|
||||
* José Prado
|
||||
*
|
||||
* Copyright:
|
||||
* Copyright (©) 2009 [Jose Prado](http://pradador.com/).
|
||||
*
|
||||
* Changelog:
|
||||
* 2009/03/21 (1.0.0)
|
||||
* - Initial Release
|
||||
*
|
||||
*/
|
||||
|
||||
var $time = Date.now || function(){
|
||||
return +new Date;
|
||||
};
|
||||
|
||||
function browserTrident(){
|
||||
return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? 5 : 4);
|
||||
}
|
||||
|
||||
Lighter = Base.extend(Callback, {
|
||||
name: 'Lighter',
|
||||
options: {
|
||||
altLines: '', // Pseudo-selector enabled.
|
||||
container: null,
|
||||
editable: false,
|
||||
flame: 'standard',
|
||||
fuel: 'standard',
|
||||
id: null,
|
||||
indent: -1,
|
||||
jsStyles: true,
|
||||
matchType: "standard",
|
||||
mode: "pre",
|
||||
path: "./",
|
||||
strict: false
|
||||
},
|
||||
|
||||
/***************************
|
||||
* Lighter Initialization
|
||||
**************************/
|
||||
initialize: function(codeblock, options) {
|
||||
this.setOptions(options);
|
||||
options = this.options;
|
||||
this.id = options.id || this.name + '_' + $time();
|
||||
this.codeblock = $(codeblock)
|
||||
this.code = codeblock.get('html').chop().replace(/</gim, '<').replace(/>/gim, '>').replace(/&/gim, '&');
|
||||
if(this.options.container)
|
||||
this.container = $(this.options.container);
|
||||
// Indent code if user option is set.
|
||||
if (options.indent > -1) this.code = this.code.tabToSpaces(options.indent);
|
||||
|
||||
// Set builder options.
|
||||
this.builder = new Hash({
|
||||
'pre': this.createLighter.bind(this),
|
||||
'ol': this.createLighterWithLines.bind(this, ['ol'], ['li']),
|
||||
'div': this.createLighterWithLines.bind(this, ['div'], ['div', 'span'], true, 'span'),
|
||||
'table': this.createLighterWithLines.bind(this, ['table', 'tbody'], ['tr', 'td'], true, 'td')
|
||||
});
|
||||
|
||||
// Extract fuel/flame names. Precedence: className > options > standard.
|
||||
var ff = this.codeblock.get('class').split(':');
|
||||
if (!ff[0]) ff[0] = this.options.fuel;
|
||||
if (!ff[1]) ff[1] = this.options.flame;
|
||||
|
||||
// Load flame to start chain of loads.
|
||||
this.loadFlameSrc(ff);
|
||||
},
|
||||
loadFlameSrc: function(ff) {
|
||||
if (!$check(Flame[ff[1]])) {
|
||||
var flameScript = Asset.script(this.options.path+'Flames/Flame.'+ff[1]+'.js', {
|
||||
onLoad: function() {
|
||||
this.loadFlame(ff);
|
||||
}.bind(this),
|
||||
onError: function() {
|
||||
ff[1] = 'standard';
|
||||
this.loadFlame(ff)
|
||||
}.bind(this)
|
||||
});
|
||||
} else {
|
||||
this.loadFlame(ff);
|
||||
}
|
||||
},
|
||||
loadFlame: function(ff) {
|
||||
this.flame = new Flame[ff[1]](this);
|
||||
this.loadFuelSrc(ff);
|
||||
},
|
||||
loadFuelSrc: function(ff) {
|
||||
if (!$check(Fuel[ff[0]])) {
|
||||
var fuelScript = Asset.script(this.options.path+'Fuels/Fuel.'+ff[0]+'.js', {
|
||||
onLoad: function() {
|
||||
this.loadFuel(ff);
|
||||
}.bind(this),
|
||||
onError: function() {
|
||||
ff[0] = 'standard';
|
||||
this.loadFuel(ff);
|
||||
}.bind(this)
|
||||
});
|
||||
} else {
|
||||
this.loadFuel(ff);
|
||||
}
|
||||
},
|
||||
loadFuel: function(ff) {
|
||||
this.fuel = new Fuel[ff[0]](this, this.flame, {
|
||||
matchType: this.options.matchType,
|
||||
strict: this.options.strict
|
||||
});
|
||||
this.light();
|
||||
},
|
||||
light: function() {
|
||||
// Build highlighted code object.
|
||||
this.element = this.toElement();
|
||||
// Insert lighter in the right spot.
|
||||
if (this.container) {
|
||||
this.container.removeChildren();
|
||||
this.element.insertInside(this.container);
|
||||
} else {
|
||||
this.codeblock.setStyle('display', 'none');
|
||||
this.codeblock.injectAfter(this.element);
|
||||
}
|
||||
},
|
||||
|
||||
/***************************
|
||||
* Lighter creation methods
|
||||
**************************/
|
||||
createLighter: function() {
|
||||
var lighter = new HtmlElement('pre', {'class': this.flame.shortName + this.name}),
|
||||
pointer = 0;
|
||||
|
||||
// If no matches were found, insert code plain text.
|
||||
if (this.fuel.wicks[0] == undefined) {
|
||||
lighter.appendText(this.code);
|
||||
} else {
|
||||
this.fuel.wicks.each(function(match) {
|
||||
lighter.appendText(this.code.substring(pointer, match.index));
|
||||
this.insertAndKeepEl(lighter, match.text, match.type);
|
||||
pointer = match.index + match.text.length;
|
||||
}, this);
|
||||
// Add last unmatched code segment if it exists.
|
||||
if (pointer < this.code.length) {
|
||||
lighter.appendText(this.code.substring(pointer, this.code.length));
|
||||
}
|
||||
}
|
||||
|
||||
//lighter.set('text', lighter.get('html'));
|
||||
return lighter;
|
||||
},
|
||||
createLighterWithLines: function(parent, child, addLines, lineType) {
|
||||
var lighter = new HtmlElement(parent[0], {'class': this.flame.shortName + this.name, 'id': this.id}),
|
||||
newLine = new HtmlElement(child[0]),
|
||||
lineNum = 1,
|
||||
pointer = 0,
|
||||
text = null;
|
||||
if (parent[0] == "table") lighter.set("cellpadding", 0).set("cellspacing", 0).set("border", 0);
|
||||
if (parent[1]) lighter = new HtmlElement(parent[1]).insertInside(lighter);
|
||||
if (child[1]) newLine = new HtmlElement(child[1]).insertInside(newLine);
|
||||
newLine.addClass(this.flame.shortName + 'line');
|
||||
if (addLines) lineNum = this.insertLineNum(newLine, lineNum, lineType);
|
||||
this.fuel.wicks.each(function(match) {
|
||||
// Create and insert un-matched source code bits.
|
||||
if (pointer != match.index) {
|
||||
text = this.code.substring(pointer, match.index).split('\n');
|
||||
for (var i = 0; i < text.length; i++) {
|
||||
if (i < text.length - 1) {
|
||||
if (text[i] == '') text[i] = ' ';
|
||||
newLine = this.insertAndMakeEl(newLine, lighter, text[i], child);
|
||||
if (addLines) lineNum = this.insertLineNum(newLine, lineNum, lineType);
|
||||
} else {
|
||||
this.insertAndKeepEl(newLine, text[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Create and insert matched symbol.
|
||||
text = match.text.split('\n');
|
||||
for (i = 0; i < text.length; i++) {
|
||||
if (i < text.length - 1) {
|
||||
newLine = this.insertAndMakeEl(newLine, lighter, text[i], child, match.type);
|
||||
|
||||
if (addLines) lineNum = this.insertLineNum(newLine, lineNum, lineType);
|
||||
} else {
|
||||
this.insertAndKeepEl(newLine, text[i], match.type);
|
||||
}
|
||||
}
|
||||
|
||||
pointer = match.end;
|
||||
}, this);
|
||||
|
||||
// Add last unmatched code segment if it exists.
|
||||
if (pointer <= this.code.length) {
|
||||
text = this.code.substring(pointer, this.code.length).split('\n');
|
||||
for (var i = 0; i < text.length; i++) {
|
||||
newLine = this.insertAndMakeEl(newLine, lighter, text[i], child);
|
||||
if (addLines) lineNum = this.insertLineNum(newLine, lineNum, lineType);
|
||||
}
|
||||
}
|
||||
|
||||
// Add alternate line styles based on pseudo-selector.
|
||||
if (this.options.altLines !== '') {
|
||||
if (this.options.altLines == 'hover') {
|
||||
lighter.getElements('.'+this.flame.shortName+'line').addEvents({
|
||||
'mouseover': function() {this.toggleClass('alt');},
|
||||
'mouseout': function() {this.toggleClass('alt');}
|
||||
});
|
||||
} else {
|
||||
if (child[1]) {
|
||||
lighter.getChildren(':'+this.options.altLines).getElement('.'+this.flame.shortName+'line').addClass('alt');
|
||||
} else {
|
||||
lighter.getChildren(':'+this.options.altLines).addClass('alt');
|
||||
}
|
||||
}
|
||||
}
|
||||
// Add first/last line classes based on mode.
|
||||
if (child[1]) {
|
||||
lighter.getFirst().getChildren().addClass(this.flame.shortName+'first');
|
||||
lighter.getLast().getChildren().addClass(this.flame.shortName+'last');
|
||||
} else {
|
||||
lighter.getFirst().addClass(this.flame.shortName+'first');
|
||||
lighter.getLast().addClass(this.flame.shortName+'last');
|
||||
}
|
||||
|
||||
if (parent[1]) lighter = lighter.getParent();
|
||||
return lighter;
|
||||
},
|
||||
/** Helper function to insert new code segment into existing line. */
|
||||
insertAndKeepEl: function(el, text, alias) {
|
||||
if (text.length > 0) {
|
||||
var span = new HtmlElement('span');
|
||||
span.set('text', text);
|
||||
if (alias) {span.addClass(this.flame.aliases[alias]);}
|
||||
span.insertInside(el);
|
||||
}
|
||||
},
|
||||
/** Helper function to insert new code segment into existing line and create new line. */
|
||||
insertAndMakeEl: function(el, group, text, child, alias) {
|
||||
this.insertAndKeepEl(el, text, alias);
|
||||
if (child[1]) el = el.getParent();
|
||||
el.insertInside(group);
|
||||
|
||||
var newLine = new HtmlElement(child[0]);
|
||||
if (child[1]) newLine = new HtmlElement(child[1]).insertInside(newLine);
|
||||
newLine.addClass(this.flame.shortName+'line');
|
||||
return newLine;
|
||||
},
|
||||
/** Helper funciton to insert line number into line. */
|
||||
insertLineNum: function(el, lineNum, lineType) {
|
||||
var newNum = new HtmlElement(lineType, {
|
||||
'text': lineNum++,
|
||||
'class': this.flame.shortName+ 'num'
|
||||
});
|
||||
newNum.insertTop(el.getParent());
|
||||
return lineNum;
|
||||
},
|
||||
|
||||
/******************
|
||||
* Element Methods
|
||||
******************/
|
||||
toElement: function() {
|
||||
if (!this.element) {
|
||||
this.element = this.builder[this.options.mode]();
|
||||
if (this.options.editable) {this.element.set('contenteditable', 'true');}
|
||||
}
|
||||
|
||||
return this.element;
|
||||
},
|
||||
replaces: function(element){
|
||||
element = $(element, true);
|
||||
element.parentNode.replaceChild(this.toElement(), element);
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
});
|
||||
/** Element Native extensions */
|
||||
HtmlElement.inject({
|
||||
light: function(options) {
|
||||
return new Lighter(this, options);
|
||||
}
|
||||
});
|
||||
|
||||
/** String Native extensions */
|
||||
String.inject({
|
||||
chop: function() {return this.replace(/(^\s*\n|\n\s*$)/gi, '');},
|
||||
tabToSpaces: function(spaces) {
|
||||
for (var i = 0, indent = ''; i < spaces; i++) {indent += ' ';}
|
||||
return this.replace(/\t/g, indent);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/**
|
||||
* Script:
|
||||
* Fuel.js.js - JavaScript language file for Lighter.js
|
||||
*
|
||||
* License:
|
||||
* MIT-style license.
|
||||
*
|
||||
* Author:
|
||||
* José Prado
|
||||
*
|
||||
* Copyright:
|
||||
* Copyright (©) 2009 [Jose Prado](http://pradador.com/).
|
||||
*
|
||||
* Changelog:
|
||||
* 2009/03/21 (1.0.0)
|
||||
* - Initial Release
|
||||
*
|
||||
*/
|
||||
Fuel.js = Fuel.extend({
|
||||
language: 'js',
|
||||
|
||||
initialize: function(lighter, flame, options) {
|
||||
|
||||
// Keywords Rule Set
|
||||
this.keywords = new Hash({
|
||||
commonKeywords: {
|
||||
csv: "as, break, case, catch, continue, delete, do, else, eval, finally, for, if, in, is, instanceof, return, switch, this, throw, try, typeof, void, while, write, with",
|
||||
alias: 'kw1'
|
||||
},
|
||||
langKeywords: {
|
||||
csv: "class, const, default, debugger, export, extends, false, function, import, namespace, new, null, package, private, protected, public, super, true, use, var",
|
||||
alias: 'kw2'
|
||||
},
|
||||
windowKeywords: {
|
||||
csv: "alert, back, blur, close, confirm, focus, forward, home, navigate, onblur, onerror, onfocus, onload, onmove, onresize, onunload, open, print, prompt, scroll, status, stop",
|
||||
alias: 'kw3'
|
||||
}
|
||||
});
|
||||
|
||||
// RegEx Rule Set
|
||||
this.patterns = new Hash({
|
||||
'slashComments': {pattern: this.common.slashComments, alias: 'co1'},
|
||||
'multiComments': {pattern: this.common.multiComments, alias: 'co2'},
|
||||
'strings': {pattern: this.common.strings, alias: 'st0'},
|
||||
'methodCalls': {pattern: this.common.properties, alias: 'me0'},
|
||||
'brackets': {pattern: this.common.brackets, alias: 'br0'},
|
||||
'numbers': {pattern: /\b((([0-9]+)?\.)?[0-9_]+([e][-+]?[0-9]+)?|0x[A-F0-9]+)\b/gi, alias: 'nu0'},
|
||||
'regex': {pattern: this.delimitedRegex("/", "\\", "/", "g", "[gimy]*"), alias: 're0'},
|
||||
'symbols': {pattern: /\+|-|\*|\/|%|!|@|&|\||\^|\<|\>|=|,|\.|;|\?|:/g, alias: 'sy0'}
|
||||
});
|
||||
|
||||
// Delimiters
|
||||
this.delimiters = new Hash({
|
||||
start: this.strictRegex('<script type="text/javascript">', '<script language="javascript">'),
|
||||
end: this.strictRegex('</script>')
|
||||
});
|
||||
|
||||
this.base(lighter, flame, options);
|
||||
}
|
||||
});
|
||||
|
|
@ -1,23 +1,150 @@
|
|||
// This is identical with server sided code
|
||||
var lighterSettings = {
|
||||
altLines: 'hover',
|
||||
indent: 4,
|
||||
mode: 'ol',
|
||||
fuel: 'js',
|
||||
jsStyles: false
|
||||
};
|
||||
function createCodeMirror(place, options, source) {
|
||||
return new CodeMirror(place, Hash.create({}, {
|
||||
lineNumbers: true,
|
||||
matchBrackets: true,
|
||||
indentUnit: 4,
|
||||
tabMode: 'shift',
|
||||
value: source.getText().replace(/\t/gi, ' ').match(
|
||||
// Remove first & last empty line
|
||||
/^\s*?[\n\r]?([\u0000-\uffff]*?)[\n\r]?\s*?$/)[1]
|
||||
}, options));
|
||||
}
|
||||
|
||||
Code = HtmlElement.extend({
|
||||
_class: 'code',
|
||||
|
||||
initialize: function() {
|
||||
// Only format this element if it is visible, otherwise wait until
|
||||
// it is made visible and then call format() manually.
|
||||
if (this.getBounds().height != 0) {
|
||||
this.format();
|
||||
}
|
||||
},
|
||||
|
||||
format: function() {
|
||||
var that = this;
|
||||
var start = this.getProperty('start');
|
||||
var highlight = this.getProperty('highlight');
|
||||
var editor = createCodeMirror(function(el) {
|
||||
that.replaceWith(el);
|
||||
}, {
|
||||
lineNumbers: !this.hasParent('.resource-text'),
|
||||
firstLineNumber: (start || 1).toInt(),
|
||||
readOnly: true
|
||||
}, this);
|
||||
if (highlight) {
|
||||
var highlights = highlight.split(',');
|
||||
for (var i = 0, l = highlights.length; i < l; i++) {
|
||||
var highlight = highlights[i].split('-');
|
||||
var hlStart = highlight[0].toInt() - 1;
|
||||
var hlEnd = highlight.length == 2
|
||||
? highlight[1].toInt() - 1 : hlStart;
|
||||
if (start) {
|
||||
hlStart -= start - 1;
|
||||
hlEnd -= start - 1;
|
||||
}
|
||||
for (var j = hlStart; j <= hlEnd; j++) {
|
||||
editor.setLineClass(j, 'highlight');
|
||||
}
|
||||
}
|
||||
}
|
||||
return editor;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
PaperScript = HtmlElement.extend({
|
||||
_class: 'paperscript',
|
||||
|
||||
initialize: function() {
|
||||
var script = $('script', this);
|
||||
if (script) {
|
||||
var canvas = $('canvas', this);
|
||||
var button = $('.button', this);
|
||||
if (!button)
|
||||
return;
|
||||
var source = this.injectBottom('div', {
|
||||
className: 'source hidden',
|
||||
});
|
||||
var width, height;
|
||||
var editor = null;
|
||||
var hasBorders = true;
|
||||
function resize() {
|
||||
if (canvas.hasClass('hidden')) {
|
||||
// Can't get correct dimensions from hidden canvas,
|
||||
// so calculate again.
|
||||
var size = $window.getScrollSize();
|
||||
var offset = source.getOffset();
|
||||
width = size.width - offset.x;
|
||||
height = size.height - offset.y;
|
||||
} else {
|
||||
width = canvas.getWidth();
|
||||
height = canvas.getHeight();
|
||||
}
|
||||
source.set({
|
||||
width: width - (hasBorders ? 2 : 1),
|
||||
height: height - (hasBorders ? 2 : 0)
|
||||
});
|
||||
}
|
||||
if (canvas.getProperty('resize')) {
|
||||
$window.addEvents({
|
||||
resize: resize
|
||||
});
|
||||
hasBorders = false;
|
||||
source.setStyles({
|
||||
borderWidth: '0 0 0 1px'
|
||||
});
|
||||
} else {
|
||||
this.addClass('small');
|
||||
}
|
||||
button.addEvents({
|
||||
click: function(event) {
|
||||
var show = source.hasClass('hidden');
|
||||
resize();
|
||||
canvas.modifyClass('hidden', show);
|
||||
source.modifyClass('hidden', !show);
|
||||
this.setText(show ? 'Run' : 'Source');
|
||||
if (show && !editor) {
|
||||
editor = createCodeMirror(source.$, {
|
||||
/*
|
||||
onKeyEvent: function(editor, event) {
|
||||
event = new DomEvent(event);
|
||||
if (event.type == 'keydown') {
|
||||
var pos = editor.getCursor();
|
||||
pos.ch += 4;
|
||||
editor.setCursor(pos);
|
||||
event.stop();
|
||||
}
|
||||
},
|
||||
*/
|
||||
}, script);
|
||||
} else if (!show) {
|
||||
var scope = paper.PaperScope.get(script.$);
|
||||
if (scope) {
|
||||
// Update script to edited version
|
||||
script.setText(editor.getValue());
|
||||
// Clear scope first, then evaluate a new script.
|
||||
scope.clear();
|
||||
scope.evaluate(script.$);
|
||||
}
|
||||
}
|
||||
this.setStyle('right',
|
||||
$('.CodeMirror', source).getScrollSize().height > height // Remove padding
|
||||
? 24 : 8);
|
||||
event.stop();
|
||||
},
|
||||
|
||||
mousedown: function(event) {
|
||||
event.stop();
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$document.addEvent('domready', function() {
|
||||
var h = unescape(document.location.hash);
|
||||
if (h) scrollToElement(h.substring(1));
|
||||
var code = $$('.text pre, .reference-class pre');
|
||||
if (code.length) {
|
||||
code.light(lighterSettings).each(function(obj, i) {
|
||||
var start =code[i].getProperty('start');
|
||||
if (start)
|
||||
obj.element.setProperty('start', start);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var lastMemberId = null;
|
||||
|
|
@ -34,8 +161,11 @@ function toggleMember(id, scrollTo) {
|
|||
lastMemberId = v && id;
|
||||
link.modifyClass('hidden', v);
|
||||
desc.modifyClass('hidden', !v);
|
||||
if (!desc.code && v)
|
||||
desc.code = $$('pre', desc).light(lighterSettings);
|
||||
if (!desc.editor && v) {
|
||||
desc.editor = $$('pre.code', desc).each(function(code) {
|
||||
code.format();
|
||||
});
|
||||
}
|
||||
if (scrollTo)
|
||||
scrollToMember(id);
|
||||
return false;
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@
|
|||
<base target="classFrame">
|
||||
<link rel="stylesheet" href="../resources/css/reference.css" type="text/css">
|
||||
<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
|
||||
<link rel="stylesheet" href="../resources/css/lighter.css" type="text/css">
|
||||
<link rel="stylesheet" href="../resources/css/codemirror.css" type="text/css">
|
||||
<script src="../resources/js/bootstrap.js" type="text/javascript"></script>
|
||||
<script src="../resources/js/lighter.js" type="text/javascript"></script>
|
||||
<script src="../resources/js/codemirror.js" type="text/javascript"></script>
|
||||
<script src="../resources/js/reference.js" type="text/javascript"></script>
|
||||
</head>
|
||||
<body class="reference">
|
||||
|
|
|
|||
Loading…
Reference in a new issue