2011-01-12 15:54:09 +00:00
|
|
|
/* CodeMirror main module (http://codemirror.net/)
|
2010-05-02 23:33:17 +00:00
|
|
|
*
|
|
|
|
|
* Implements the CodeMirror constructor and prototype, which take care
|
|
|
|
|
* of initializing the editor frame, and providing the outside interface.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
// The CodeMirrorConfig object is used to specify a default
|
|
|
|
|
// configuration. If you specify such an object before loading this
|
|
|
|
|
// file, the values you put into it will override the defaults given
|
|
|
|
|
// below. You can also assign to it after loading.
|
|
|
|
|
var CodeMirrorConfig = window.CodeMirrorConfig || {};
|
|
|
|
|
|
|
|
|
|
var CodeMirror = (function(){
|
|
|
|
|
function setDefaults(object, defaults) {
|
|
|
|
|
for (var option in defaults) {
|
|
|
|
|
if (!object.hasOwnProperty(option))
|
|
|
|
|
object[option] = defaults[option];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function forEach(array, action) {
|
|
|
|
|
for (var i = 0; i < array.length; i++)
|
|
|
|
|
action(array[i]);
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
function createHTMLElement(el) {
|
|
|
|
|
if (document.createElementNS && document.documentElement.namespaceURI !== null)
|
|
|
|
|
return document.createElementNS("http://www.w3.org/1999/xhtml", el)
|
|
|
|
|
else
|
|
|
|
|
return document.createElement(el)
|
|
|
|
|
}
|
2010-05-02 23:33:17 +00:00
|
|
|
|
|
|
|
|
// These default options can be overridden by passing a set of
|
|
|
|
|
// options to a specific CodeMirror constructor. See manual.html for
|
|
|
|
|
// their meaning.
|
|
|
|
|
setDefaults(CodeMirrorConfig, {
|
2011-01-12 15:54:09 +00:00
|
|
|
stylesheet: [],
|
2010-05-02 23:33:17 +00:00
|
|
|
path: "",
|
|
|
|
|
parserfile: [],
|
|
|
|
|
basefiles: ["util.js", "stringstream.js", "select.js", "undo.js", "editor.js", "tokenize.js"],
|
|
|
|
|
iframeClass: null,
|
|
|
|
|
passDelay: 200,
|
|
|
|
|
passTime: 50,
|
2010-06-02 00:39:05 +00:00
|
|
|
lineNumberDelay: 200,
|
|
|
|
|
lineNumberTime: 50,
|
2010-05-02 23:33:17 +00:00
|
|
|
continuousScanning: false,
|
|
|
|
|
saveFunction: null,
|
2011-01-12 15:54:09 +00:00
|
|
|
onLoad: null,
|
2010-05-02 23:33:17 +00:00
|
|
|
onChange: null,
|
|
|
|
|
undoDepth: 50,
|
|
|
|
|
undoDelay: 800,
|
|
|
|
|
disableSpellcheck: true,
|
|
|
|
|
textWrapping: true,
|
|
|
|
|
readOnly: false,
|
2010-06-02 00:39:05 +00:00
|
|
|
width: "",
|
2010-05-02 23:33:17 +00:00
|
|
|
height: "300px",
|
2011-01-12 15:54:09 +00:00
|
|
|
minHeight: 100,
|
2010-05-02 23:33:17 +00:00
|
|
|
autoMatchParens: false,
|
2011-01-12 15:54:09 +00:00
|
|
|
markParen: null,
|
|
|
|
|
unmarkParen: null,
|
2010-05-02 23:33:17 +00:00
|
|
|
parserConfig: null,
|
|
|
|
|
tabMode: "indent", // or "spaces", "default", "shift"
|
2011-01-12 15:54:09 +00:00
|
|
|
enterMode: "indent", // or "keep", "flat"
|
|
|
|
|
electricChars: true,
|
2010-05-02 23:33:17 +00:00
|
|
|
reindentOnLoad: false,
|
|
|
|
|
activeTokens: null,
|
2011-01-12 15:54:09 +00:00
|
|
|
onCursorActivity: null,
|
2010-05-02 23:33:17 +00:00
|
|
|
lineNumbers: false,
|
2011-01-12 15:54:09 +00:00
|
|
|
firstLineNumber: 1,
|
|
|
|
|
onLineNumberClick: null,
|
2010-06-02 00:39:05 +00:00
|
|
|
indentUnit: 2,
|
2011-01-12 15:54:09 +00:00
|
|
|
domain: null,
|
|
|
|
|
noScriptCaching: false,
|
|
|
|
|
incrementalLoading: false
|
2010-05-02 23:33:17 +00:00
|
|
|
});
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
function addLineNumberDiv(container, firstNum) {
|
|
|
|
|
var nums = createHTMLElement("div"),
|
|
|
|
|
scroller = createHTMLElement("div");
|
2010-06-02 00:39:05 +00:00
|
|
|
nums.style.position = "absolute";
|
|
|
|
|
nums.style.height = "100%";
|
|
|
|
|
if (nums.style.setExpression) {
|
|
|
|
|
try {nums.style.setExpression("height", "this.previousSibling.offsetHeight + 'px'");}
|
|
|
|
|
catch(e) {} // Seems to throw 'Not Implemented' on some IE8 versions
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
2010-06-02 00:39:05 +00:00
|
|
|
nums.style.top = "0px";
|
2011-01-12 15:54:09 +00:00
|
|
|
nums.style.left = "0px";
|
2010-06-02 00:39:05 +00:00
|
|
|
nums.style.overflow = "hidden";
|
|
|
|
|
container.appendChild(nums);
|
|
|
|
|
scroller.className = "CodeMirror-line-numbers";
|
|
|
|
|
nums.appendChild(scroller);
|
2011-01-12 15:54:09 +00:00
|
|
|
scroller.innerHTML = "<div>" + firstNum + "</div>";
|
2010-06-02 00:39:05 +00:00
|
|
|
return nums;
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
|
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
function frameHTML(options) {
|
|
|
|
|
if (typeof options.parserfile == "string")
|
|
|
|
|
options.parserfile = [options.parserfile];
|
2011-01-12 15:54:09 +00:00
|
|
|
if (typeof options.basefiles == "string")
|
|
|
|
|
options.basefiles = [options.basefiles];
|
2010-06-02 00:39:05 +00:00
|
|
|
if (typeof options.stylesheet == "string")
|
|
|
|
|
options.stylesheet = [options.stylesheet];
|
2010-05-02 23:33:17 +00:00
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
var html = ["<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\"><html><head>"];
|
|
|
|
|
// Hack to work around a bunch of IE8-specific problems.
|
|
|
|
|
html.push("<meta http-equiv=\"X-UA-Compatible\" content=\"IE=EmulateIE7\"/>");
|
2011-01-12 15:54:09 +00:00
|
|
|
var queryStr = options.noScriptCaching ? "?nocache=" + new Date().getTime().toString(16) : "";
|
2010-06-02 00:39:05 +00:00
|
|
|
forEach(options.stylesheet, function(file) {
|
2011-01-12 15:54:09 +00:00
|
|
|
html.push("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + file + queryStr + "\"/>");
|
2010-06-02 00:39:05 +00:00
|
|
|
});
|
|
|
|
|
forEach(options.basefiles.concat(options.parserfile), function(file) {
|
2011-01-12 15:54:09 +00:00
|
|
|
if (!/^https?:/.test(file)) file = options.path + file;
|
|
|
|
|
html.push("<script type=\"text/javascript\" src=\"" + file + queryStr + "\"><" + "/script>");
|
2010-06-02 00:39:05 +00:00
|
|
|
});
|
|
|
|
|
html.push("</head><body style=\"border-width: 0;\" class=\"editbox\" spellcheck=\"" +
|
|
|
|
|
(options.disableSpellcheck ? "false" : "true") + "\"></body></html>");
|
|
|
|
|
return html.join("");
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
|
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
var internetExplorer = document.selection && window.ActiveXObject && /MSIE/.test(navigator.userAgent);
|
|
|
|
|
|
2010-05-02 23:33:17 +00:00
|
|
|
function CodeMirror(place, options) {
|
|
|
|
|
// Use passed options, if any, to override defaults.
|
|
|
|
|
this.options = options = options || {};
|
|
|
|
|
setDefaults(options, CodeMirrorConfig);
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
// Backward compatibility for deprecated options.
|
|
|
|
|
if (options.dumbTabs) options.tabMode = "spaces";
|
|
|
|
|
else if (options.normalTab) options.tabMode = "default";
|
|
|
|
|
if (options.cursorActivity) options.onCursorActivity = options.cursorActivity;
|
|
|
|
|
|
|
|
|
|
var frame = this.frame = createHTMLElement("iframe");
|
2010-05-02 23:33:17 +00:00
|
|
|
if (options.iframeClass) frame.className = options.iframeClass;
|
|
|
|
|
frame.frameBorder = 0;
|
|
|
|
|
frame.style.border = "0";
|
2010-06-02 00:39:05 +00:00
|
|
|
frame.style.width = '100%';
|
|
|
|
|
frame.style.height = '100%';
|
2010-05-02 23:33:17 +00:00
|
|
|
// display: block occasionally suppresses some Firefox bugs, so we
|
|
|
|
|
// always add it, redundant as it sounds.
|
|
|
|
|
frame.style.display = "block";
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
var div = this.wrapping = createHTMLElement("div");
|
2010-06-02 00:39:05 +00:00
|
|
|
div.style.position = "relative";
|
|
|
|
|
div.className = "CodeMirror-wrapping";
|
|
|
|
|
div.style.width = options.width;
|
2011-01-12 15:54:09 +00:00
|
|
|
div.style.height = (options.height == "dynamic") ? options.minHeight + "px" : options.height;
|
2010-06-02 00:39:05 +00:00
|
|
|
// This is used by Editor.reroutePasteEvent
|
2011-01-12 15:54:09 +00:00
|
|
|
var teHack = this.textareaHack = createHTMLElement("textarea");
|
2010-06-02 00:39:05 +00:00
|
|
|
div.appendChild(teHack);
|
|
|
|
|
teHack.style.position = "absolute";
|
|
|
|
|
teHack.style.left = "-10000px";
|
|
|
|
|
teHack.style.width = "10px";
|
2011-01-12 15:54:09 +00:00
|
|
|
teHack.tabIndex = 100000;
|
2010-05-02 23:33:17 +00:00
|
|
|
|
|
|
|
|
// Link back to this object, so that the editor can fetch options
|
|
|
|
|
// and add a reference to itself.
|
|
|
|
|
frame.CodeMirror = this;
|
2010-06-02 00:39:05 +00:00
|
|
|
if (options.domain && internetExplorer) {
|
|
|
|
|
this.html = frameHTML(options);
|
|
|
|
|
frame.src = "javascript:(function(){document.open();" +
|
|
|
|
|
(options.domain ? "document.domain=\"" + options.domain + "\";" : "") +
|
|
|
|
|
"document.write(window.frameElement.CodeMirror.html);document.close();})()";
|
|
|
|
|
}
|
|
|
|
|
else {
|
2011-01-12 15:54:09 +00:00
|
|
|
frame.src = "javascript:;";
|
2010-06-02 00:39:05 +00:00
|
|
|
}
|
2010-05-02 23:33:17 +00:00
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
if (place.appendChild) place.appendChild(div);
|
|
|
|
|
else place(div);
|
|
|
|
|
div.appendChild(frame);
|
2011-01-12 15:54:09 +00:00
|
|
|
if (options.lineNumbers) this.lineNumbers = addLineNumberDiv(div, options.firstLineNumber);
|
2010-05-02 23:33:17 +00:00
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
this.win = frame.contentWindow;
|
|
|
|
|
if (!options.domain || !internetExplorer) {
|
|
|
|
|
this.win.document.open();
|
|
|
|
|
this.win.document.write(frameHTML(options));
|
|
|
|
|
this.win.document.close();
|
|
|
|
|
}
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
CodeMirror.prototype = {
|
|
|
|
|
init: function() {
|
2011-01-12 15:54:09 +00:00
|
|
|
// Deprecated, but still supported.
|
2010-05-02 23:33:17 +00:00
|
|
|
if (this.options.initCallback) this.options.initCallback(this);
|
2011-01-12 15:54:09 +00:00
|
|
|
if (this.options.onLoad) this.options.onLoad(this);
|
2010-06-02 00:39:05 +00:00
|
|
|
if (this.options.lineNumbers) this.activateLineNumbers();
|
2010-05-02 23:33:17 +00:00
|
|
|
if (this.options.reindentOnLoad) this.reindent();
|
2011-01-12 15:54:09 +00:00
|
|
|
if (this.options.height == "dynamic") this.setDynamicHeight();
|
2010-05-02 23:33:17 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
getCode: function() {return this.editor.getCode();},
|
|
|
|
|
setCode: function(code) {this.editor.importCode(code);},
|
2010-06-02 00:39:05 +00:00
|
|
|
selection: function() {this.focusIfIE(); return this.editor.selectedText();},
|
2010-05-02 23:33:17 +00:00
|
|
|
reindent: function() {this.editor.reindent();},
|
2010-06-02 00:39:05 +00:00
|
|
|
reindentSelection: function() {this.focusIfIE(); this.editor.reindentSelection(null);},
|
2010-05-02 23:33:17 +00:00
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
focusIfIE: function() {
|
|
|
|
|
// in IE, a lot of selection-related functionality only works when the frame is focused
|
2011-01-12 15:54:09 +00:00
|
|
|
if (this.win.select.ie_selection && document.activeElement != this.frame)
|
|
|
|
|
this.focus();
|
2010-06-02 00:39:05 +00:00
|
|
|
},
|
2010-05-02 23:33:17 +00:00
|
|
|
focus: function() {
|
|
|
|
|
this.win.focus();
|
|
|
|
|
if (this.editor.selectionSnapshot) // IE hack
|
2010-06-02 00:39:05 +00:00
|
|
|
this.win.select.setBookmark(this.win.document.body, this.editor.selectionSnapshot);
|
2010-05-02 23:33:17 +00:00
|
|
|
},
|
|
|
|
|
replaceSelection: function(text) {
|
|
|
|
|
this.focus();
|
|
|
|
|
this.editor.replaceSelection(text);
|
|
|
|
|
return true;
|
|
|
|
|
},
|
|
|
|
|
replaceChars: function(text, start, end) {
|
|
|
|
|
this.editor.replaceChars(text, start, end);
|
|
|
|
|
},
|
2010-06-02 00:39:05 +00:00
|
|
|
getSearchCursor: function(string, fromCursor, caseFold) {
|
|
|
|
|
return this.editor.getSearchCursor(string, fromCursor, caseFold);
|
2010-05-02 23:33:17 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
undo: function() {this.editor.history.undo();},
|
|
|
|
|
redo: function() {this.editor.history.redo();},
|
|
|
|
|
historySize: function() {return this.editor.history.historySize();},
|
|
|
|
|
clearHistory: function() {this.editor.history.clear();},
|
|
|
|
|
|
|
|
|
|
grabKeys: function(callback, filter) {this.editor.grabKeys(callback, filter);},
|
|
|
|
|
ungrabKeys: function() {this.editor.ungrabKeys();},
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
setParser: function(name, parserConfig) {this.editor.setParser(name, parserConfig);},
|
2010-06-02 00:39:05 +00:00
|
|
|
setSpellcheck: function(on) {this.win.document.body.spellcheck = on;},
|
|
|
|
|
setStylesheet: function(names) {
|
|
|
|
|
if (typeof names === "string") names = [names];
|
|
|
|
|
var activeStylesheets = {};
|
|
|
|
|
var matchedNames = {};
|
|
|
|
|
var links = this.win.document.getElementsByTagName("link");
|
|
|
|
|
// Create hashes of active stylesheets and matched names.
|
|
|
|
|
// This is O(n^2) but n is expected to be very small.
|
|
|
|
|
for (var x = 0, link; link = links[x]; x++) {
|
|
|
|
|
if (link.rel.indexOf("stylesheet") !== -1) {
|
|
|
|
|
for (var y = 0; y < names.length; y++) {
|
|
|
|
|
var name = names[y];
|
|
|
|
|
if (link.href.substring(link.href.length - name.length) === name) {
|
|
|
|
|
activeStylesheets[link.href] = true;
|
|
|
|
|
matchedNames[name] = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// Activate the selected stylesheets and disable the rest.
|
|
|
|
|
for (var x = 0, link; link = links[x]; x++) {
|
|
|
|
|
if (link.rel.indexOf("stylesheet") !== -1) {
|
|
|
|
|
link.disabled = !(link.href in activeStylesheets);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// Create any new stylesheets.
|
|
|
|
|
for (var y = 0; y < names.length; y++) {
|
|
|
|
|
var name = names[y];
|
|
|
|
|
if (!(name in matchedNames)) {
|
|
|
|
|
var link = this.win.document.createElement("link");
|
|
|
|
|
link.rel = "stylesheet";
|
|
|
|
|
link.type = "text/css";
|
|
|
|
|
link.href = name;
|
|
|
|
|
this.win.document.getElementsByTagName('head')[0].appendChild(link);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
setTextWrapping: function(on) {
|
|
|
|
|
if (on == this.options.textWrapping) return;
|
|
|
|
|
this.win.document.body.style.whiteSpace = on ? "" : "nowrap";
|
|
|
|
|
this.options.textWrapping = on;
|
|
|
|
|
if (this.lineNumbers) {
|
|
|
|
|
this.setLineNumbers(false);
|
|
|
|
|
this.setLineNumbers(true);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
setIndentUnit: function(unit) {this.win.indentUnit = unit;},
|
|
|
|
|
setUndoDepth: function(depth) {this.editor.history.maxDepth = depth;},
|
|
|
|
|
setTabMode: function(mode) {this.options.tabMode = mode;},
|
2011-01-12 15:54:09 +00:00
|
|
|
setEnterMode: function(mode) {this.options.enterMode = mode;},
|
2010-06-02 00:39:05 +00:00
|
|
|
setLineNumbers: function(on) {
|
|
|
|
|
if (on && !this.lineNumbers) {
|
2011-01-12 15:54:09 +00:00
|
|
|
this.lineNumbers = addLineNumberDiv(this.wrapping,this.options.firstLineNumber);
|
2010-06-02 00:39:05 +00:00
|
|
|
this.activateLineNumbers();
|
|
|
|
|
}
|
|
|
|
|
else if (!on && this.lineNumbers) {
|
|
|
|
|
this.wrapping.removeChild(this.lineNumbers);
|
2011-01-12 15:54:09 +00:00
|
|
|
this.wrapping.style.paddingLeft = "";
|
2010-06-02 00:39:05 +00:00
|
|
|
this.lineNumbers = null;
|
|
|
|
|
}
|
2010-05-02 23:33:17 +00:00
|
|
|
},
|
2010-06-02 00:39:05 +00:00
|
|
|
|
|
|
|
|
cursorPosition: function(start) {this.focusIfIE(); return this.editor.cursorPosition(start);},
|
2010-05-02 23:33:17 +00:00
|
|
|
firstLine: function() {return this.editor.firstLine();},
|
|
|
|
|
lastLine: function() {return this.editor.lastLine();},
|
|
|
|
|
nextLine: function(line) {return this.editor.nextLine(line);},
|
|
|
|
|
prevLine: function(line) {return this.editor.prevLine(line);},
|
|
|
|
|
lineContent: function(line) {return this.editor.lineContent(line);},
|
|
|
|
|
setLineContent: function(line, content) {this.editor.setLineContent(line, content);},
|
2010-06-02 00:39:05 +00:00
|
|
|
removeLine: function(line){this.editor.removeLine(line);},
|
2010-05-02 23:33:17 +00:00
|
|
|
insertIntoLine: function(line, position, content) {this.editor.insertIntoLine(line, position, content);},
|
|
|
|
|
selectLines: function(startLine, startOffset, endLine, endOffset) {
|
|
|
|
|
this.win.focus();
|
|
|
|
|
this.editor.selectLines(startLine, startOffset, endLine, endOffset);
|
|
|
|
|
},
|
|
|
|
|
nthLine: function(n) {
|
|
|
|
|
var line = this.firstLine();
|
|
|
|
|
for (; n > 1 && line !== false; n--)
|
|
|
|
|
line = this.nextLine(line);
|
|
|
|
|
return line;
|
|
|
|
|
},
|
|
|
|
|
lineNumber: function(line) {
|
|
|
|
|
var num = 0;
|
|
|
|
|
while (line !== false) {
|
|
|
|
|
num++;
|
|
|
|
|
line = this.prevLine(line);
|
|
|
|
|
}
|
|
|
|
|
return num;
|
|
|
|
|
},
|
2010-06-02 00:39:05 +00:00
|
|
|
jumpToLine: function(line) {
|
|
|
|
|
if (typeof line == "number") line = this.nthLine(line);
|
|
|
|
|
this.selectLines(line, 0);
|
2010-05-02 23:33:17 +00:00
|
|
|
this.win.focus();
|
|
|
|
|
},
|
2010-06-02 00:39:05 +00:00
|
|
|
currentLine: function() { // Deprecated, but still there for backward compatibility
|
|
|
|
|
return this.lineNumber(this.cursorLine());
|
|
|
|
|
},
|
|
|
|
|
cursorLine: function() {
|
|
|
|
|
return this.cursorPosition().line;
|
|
|
|
|
},
|
2011-01-12 15:54:09 +00:00
|
|
|
cursorCoords: function(start) {return this.editor.cursorCoords(start);},
|
2010-06-02 00:39:05 +00:00
|
|
|
|
|
|
|
|
activateLineNumbers: function() {
|
|
|
|
|
var frame = this.frame, win = frame.contentWindow, doc = win.document, body = doc.body,
|
|
|
|
|
nums = this.lineNumbers, scroller = nums.firstChild, self = this;
|
|
|
|
|
var barWidth = null;
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
nums.onclick = function(e) {
|
|
|
|
|
var handler = self.options.onLineNumberClick;
|
|
|
|
|
if (handler) {
|
|
|
|
|
var div = (e || window.event).target || (e || window.event).srcElement;
|
|
|
|
|
var num = div == nums ? NaN : Number(div.innerHTML);
|
|
|
|
|
if (!isNaN(num)) handler(num, div);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
function sizeBar() {
|
|
|
|
|
if (frame.offsetWidth == 0) return;
|
2011-01-12 15:54:09 +00:00
|
|
|
for (var root = frame; root.parentNode; root = root.parentNode){}
|
2010-06-02 00:39:05 +00:00
|
|
|
if (!nums.parentNode || root != document || !win.Editor) {
|
|
|
|
|
// Clear event handlers (their nodes might already be collected, so try/catch)
|
|
|
|
|
try{clear();}catch(e){}
|
|
|
|
|
clearInterval(sizeInterval);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (nums.offsetWidth != barWidth) {
|
|
|
|
|
barWidth = nums.offsetWidth;
|
2011-01-12 15:54:09 +00:00
|
|
|
frame.parentNode.style.paddingLeft = barWidth + "px";
|
2010-06-02 00:39:05 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
function doScroll() {
|
|
|
|
|
nums.scrollTop = body.scrollTop || doc.documentElement.scrollTop || 0;
|
|
|
|
|
}
|
|
|
|
|
// Cleanup function, registered by nonWrapping and wrapping.
|
|
|
|
|
var clear = function(){};
|
|
|
|
|
sizeBar();
|
|
|
|
|
var sizeInterval = setInterval(sizeBar, 500);
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
function ensureEnoughLineNumbers(fill) {
|
|
|
|
|
var lineHeight = scroller.firstChild.offsetHeight;
|
|
|
|
|
if (lineHeight == 0) return;
|
|
|
|
|
var targetHeight = 50 + Math.max(body.offsetHeight, Math.max(frame.offsetHeight, body.scrollHeight || 0)),
|
|
|
|
|
lastNumber = Math.ceil(targetHeight / lineHeight);
|
|
|
|
|
for (var i = scroller.childNodes.length; i <= lastNumber; i++) {
|
|
|
|
|
var div = createHTMLElement("div");
|
|
|
|
|
div.appendChild(document.createTextNode(fill ? String(i + self.options.firstLineNumber) : "\u00a0"));
|
|
|
|
|
scroller.appendChild(div);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2010-06-02 00:39:05 +00:00
|
|
|
function nonWrapping() {
|
|
|
|
|
function update() {
|
2011-01-12 15:54:09 +00:00
|
|
|
ensureEnoughLineNumbers(true);
|
2010-06-02 00:39:05 +00:00
|
|
|
doScroll();
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
self.updateNumbers = update;
|
|
|
|
|
var onScroll = win.addEventHandler(win, "scroll", doScroll, true),
|
2010-06-02 00:39:05 +00:00
|
|
|
onResize = win.addEventHandler(win, "resize", update, true);
|
2011-01-12 15:54:09 +00:00
|
|
|
clear = function(){
|
|
|
|
|
onScroll(); onResize();
|
|
|
|
|
if (self.updateNumbers == update) self.updateNumbers = null;
|
|
|
|
|
};
|
2010-06-02 00:39:05 +00:00
|
|
|
update();
|
|
|
|
|
}
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
function wrapping() {
|
|
|
|
|
var node, lineNum, next, pos, changes = [], styleNums = self.options.styleNumbers;
|
|
|
|
|
|
|
|
|
|
function setNum(n, node) {
|
|
|
|
|
// Does not typically happen (but can, if you mess with the
|
|
|
|
|
// document during the numbering)
|
|
|
|
|
if (!lineNum) lineNum = scroller.appendChild(createHTMLElement("div"));
|
|
|
|
|
if (styleNums) styleNums(lineNum, node, n);
|
|
|
|
|
// Changes are accumulated, so that the document layout
|
|
|
|
|
// doesn't have to be recomputed during the pass
|
|
|
|
|
changes.push(lineNum); changes.push(n);
|
2010-06-02 00:39:05 +00:00
|
|
|
pos = lineNum.offsetHeight + lineNum.offsetTop;
|
|
|
|
|
lineNum = lineNum.nextSibling;
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
function commitChanges() {
|
|
|
|
|
for (var i = 0; i < changes.length; i += 2)
|
|
|
|
|
changes[i].innerHTML = changes[i + 1];
|
|
|
|
|
changes = [];
|
|
|
|
|
}
|
2010-06-02 00:39:05 +00:00
|
|
|
function work() {
|
|
|
|
|
if (!scroller.parentNode || scroller.parentNode != self.lineNumbers) return;
|
|
|
|
|
|
|
|
|
|
var endTime = new Date().getTime() + self.options.lineNumberTime;
|
|
|
|
|
while (node) {
|
2011-01-12 15:54:09 +00:00
|
|
|
setNum(next++, node.previousSibling);
|
2010-06-02 00:39:05 +00:00
|
|
|
for (; node && !win.isBR(node); node = node.nextSibling) {
|
|
|
|
|
var bott = node.offsetTop + node.offsetHeight;
|
2011-01-12 15:54:09 +00:00
|
|
|
while (scroller.offsetHeight && bott - 3 > pos) setNum(" ");
|
2010-06-02 00:39:05 +00:00
|
|
|
}
|
|
|
|
|
if (node) node = node.nextSibling;
|
|
|
|
|
if (new Date().getTime() > endTime) {
|
2011-01-12 15:54:09 +00:00
|
|
|
commitChanges();
|
2010-06-02 00:39:05 +00:00
|
|
|
pending = setTimeout(work, self.options.lineNumberDelay);
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
while (lineNum) setNum(next++);
|
|
|
|
|
commitChanges();
|
2010-06-02 00:39:05 +00:00
|
|
|
doScroll();
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
function start(firstTime) {
|
2010-06-02 00:39:05 +00:00
|
|
|
doScroll();
|
2011-01-12 15:54:09 +00:00
|
|
|
ensureEnoughLineNumbers(firstTime);
|
2010-06-02 00:39:05 +00:00
|
|
|
node = body.firstChild;
|
|
|
|
|
lineNum = scroller.firstChild;
|
|
|
|
|
pos = 0;
|
2011-01-12 15:54:09 +00:00
|
|
|
next = self.options.firstLineNumber;
|
2010-06-02 00:39:05 +00:00
|
|
|
work();
|
|
|
|
|
}
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
start(true);
|
2010-06-02 00:39:05 +00:00
|
|
|
var pending = null;
|
|
|
|
|
function update() {
|
|
|
|
|
if (pending) clearTimeout(pending);
|
|
|
|
|
if (self.editor.allClean()) start();
|
|
|
|
|
else pending = setTimeout(update, 200);
|
|
|
|
|
}
|
|
|
|
|
self.updateNumbers = update;
|
|
|
|
|
var onScroll = win.addEventHandler(win, "scroll", doScroll, true),
|
|
|
|
|
onResize = win.addEventHandler(win, "resize", update, true);
|
|
|
|
|
clear = function(){
|
|
|
|
|
if (pending) clearTimeout(pending);
|
|
|
|
|
if (self.updateNumbers == update) self.updateNumbers = null;
|
|
|
|
|
onScroll();
|
|
|
|
|
onResize();
|
|
|
|
|
};
|
|
|
|
|
}
|
2011-01-12 15:54:09 +00:00
|
|
|
(this.options.textWrapping || this.options.styleNumbers ? wrapping : nonWrapping)();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
setDynamicHeight: function() {
|
|
|
|
|
var self = this, activity = self.options.onCursorActivity, win = self.win, body = win.document.body,
|
|
|
|
|
lineHeight = null, timeout = null, vmargin = 2 * self.frame.offsetTop;
|
|
|
|
|
body.style.overflowY = "hidden";
|
|
|
|
|
win.document.documentElement.style.overflowY = "hidden";
|
|
|
|
|
this.frame.scrolling = "no";
|
|
|
|
|
|
|
|
|
|
function updateHeight() {
|
|
|
|
|
var trailingLines = 0, node = body.lastChild, computedHeight;
|
|
|
|
|
while (node && win.isBR(node)) {
|
|
|
|
|
if (!node.hackBR) trailingLines++;
|
|
|
|
|
node = node.previousSibling;
|
|
|
|
|
}
|
|
|
|
|
if (node) {
|
|
|
|
|
lineHeight = node.offsetHeight;
|
|
|
|
|
computedHeight = node.offsetTop + (1 + trailingLines) * lineHeight;
|
|
|
|
|
}
|
|
|
|
|
else if (lineHeight) {
|
|
|
|
|
computedHeight = trailingLines * lineHeight;
|
|
|
|
|
}
|
|
|
|
|
if (computedHeight)
|
|
|
|
|
self.wrapping.style.height = Math.max(vmargin + computedHeight, self.options.minHeight) + "px";
|
|
|
|
|
}
|
|
|
|
|
setTimeout(updateHeight, 300);
|
|
|
|
|
self.options.onCursorActivity = function(x) {
|
|
|
|
|
if (activity) activity(x);
|
|
|
|
|
clearTimeout(timeout);
|
|
|
|
|
timeout = setTimeout(updateHeight, 100);
|
|
|
|
|
};
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
CodeMirror.InvalidLineHandle = {toString: function(){return "CodeMirror.InvalidLineHandle";}};
|
|
|
|
|
|
|
|
|
|
CodeMirror.replace = function(element) {
|
|
|
|
|
if (typeof element == "string")
|
|
|
|
|
element = document.getElementById(element);
|
|
|
|
|
return function(newElement) {
|
|
|
|
|
element.parentNode.replaceChild(newElement, element);
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
CodeMirror.fromTextArea = function(area, options) {
|
|
|
|
|
if (typeof area == "string")
|
|
|
|
|
area = document.getElementById(area);
|
|
|
|
|
|
|
|
|
|
options = options || {};
|
|
|
|
|
if (area.style.width && options.width == null)
|
|
|
|
|
options.width = area.style.width;
|
|
|
|
|
if (area.style.height && options.height == null)
|
|
|
|
|
options.height = area.style.height;
|
|
|
|
|
if (options.content == null) options.content = area.value;
|
|
|
|
|
|
2011-01-12 15:54:09 +00:00
|
|
|
function updateField() {
|
|
|
|
|
area.value = mirror.getCode();
|
|
|
|
|
}
|
2010-05-02 23:33:17 +00:00
|
|
|
if (area.form) {
|
|
|
|
|
if (typeof area.form.addEventListener == "function")
|
|
|
|
|
area.form.addEventListener("submit", updateField, false);
|
|
|
|
|
else
|
|
|
|
|
area.form.attachEvent("onsubmit", updateField);
|
2011-01-12 15:54:09 +00:00
|
|
|
var realSubmit = area.form.submit;
|
|
|
|
|
function wrapSubmit() {
|
|
|
|
|
updateField();
|
|
|
|
|
// Can't use realSubmit.apply because IE6 is too stupid
|
|
|
|
|
area.form.submit = realSubmit;
|
|
|
|
|
area.form.submit();
|
|
|
|
|
area.form.submit = wrapSubmit;
|
|
|
|
|
}
|
|
|
|
|
area.form.submit = wrapSubmit;
|
2010-05-02 23:33:17 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function insert(frame) {
|
|
|
|
|
if (area.nextSibling)
|
|
|
|
|
area.parentNode.insertBefore(frame, area.nextSibling);
|
|
|
|
|
else
|
|
|
|
|
area.parentNode.appendChild(frame);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
area.style.display = "none";
|
|
|
|
|
var mirror = new CodeMirror(insert, options);
|
2011-01-12 15:54:09 +00:00
|
|
|
mirror.save = updateField;
|
|
|
|
|
mirror.toTextArea = function() {
|
|
|
|
|
updateField();
|
|
|
|
|
area.parentNode.removeChild(mirror.wrapping);
|
|
|
|
|
area.style.display = "";
|
|
|
|
|
if (area.form) {
|
|
|
|
|
area.form.submit = realSubmit;
|
|
|
|
|
if (typeof area.form.removeEventListener == "function")
|
|
|
|
|
area.form.removeEventListener("submit", updateField, false);
|
|
|
|
|
else
|
|
|
|
|
area.form.detachEvent("onsubmit", updateField);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2010-05-02 23:33:17 +00:00
|
|
|
return mirror;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
CodeMirror.isProbablySupported = function() {
|
|
|
|
|
// This is rather awful, but can be useful.
|
|
|
|
|
var match;
|
|
|
|
|
if (window.opera)
|
|
|
|
|
return Number(window.opera.version()) >= 9.52;
|
2011-01-12 15:54:09 +00:00
|
|
|
else if (/Apple Computer, Inc/.test(navigator.vendor) && (match = navigator.userAgent.match(/Version\/(\d+(?:\.\d+)?)\./)))
|
2010-05-02 23:33:17 +00:00
|
|
|
return Number(match[1]) >= 3;
|
|
|
|
|
else if (document.selection && window.ActiveXObject && (match = navigator.userAgent.match(/MSIE (\d+(?:\.\d*)?)\b/)))
|
|
|
|
|
return Number(match[1]) >= 6;
|
|
|
|
|
else if (match = navigator.userAgent.match(/gecko\/(\d{8})/i))
|
|
|
|
|
return Number(match[1]) >= 20050901;
|
|
|
|
|
else if (match = navigator.userAgent.match(/AppleWebKit\/(\d+)/))
|
|
|
|
|
return Number(match[1]) >= 525;
|
|
|
|
|
else
|
|
|
|
|
return null;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return CodeMirror;
|
|
|
|
|
})();
|
