(.*?)
<\/div>/gi, '$1\n');
}
code = code.replace(/<(p|div)>(.*?)<\/(p|div)>/gi, '$2\n');
code = code.replace(/
/gi, '\n');
if(!IE) code = code.replace(/
![]()
/i, '\u0001');
this.lines = code.split('\n');
if(!lineFrom) lineFrom = 0;
if(!lineTo || lineTo > this.lines.length) lineTo = this.lines.length;
code = this.lines.slice(lineFrom, lineTo).join('\n');
code = code.replace(/( ){4}/g, '\t');
code = code.replace(/ /g, ' ');
code = code.replace(/<[^>]+>/g, '');
if(convSpecialChars) {
code = code.replace(/&/g, '&');
code = code.replace(/</g, '<');
code = code.replace(/>/g, '>');
}
}
return code;
}
this.setCode = function(lineFrom, lineTo, code) {
code = code.replace(/\r?\n/g, '
');
code = code.replace(/\t/g, ' ');
code = code.replace(/\s/g, ' ');
if(this.lines && lineTo > 0) {
var c = [];
c = this.lines.slice(0, lineFrom);
c.push(code);
c = c.concat(this.lines.slice(lineTo));
code = c.join('
');
}
if(!IE) code = code.replace(/\u0001/, '
![]()
');
this.canvas = tools.replaceHtml(this.canvas, code);
if(this.numbers) {
if(this.lines.length > this.maxLines) this.setNumbers();
setTimeout(this.scrollHandler.bind(this), 50);
}
}
this.parseCode = function(code) {
var map, key, i;
if(map = languages[this.language]) for(key in map) {
if(map[key].match) for(i = 0; i < map[key].match.length; i++) {
code = code.replace(map[key].match[i], map[key].replace[i]);
}
}
return code;
}
this.insertMarker = function() {
if(IE) this.insertText('\u0001');
else if(GK) {
var range = this.editor.getSelection().getRangeAt(0);
range.insertNode(this.editor.document.createElement('img'));
}
}
this.removeMarker = function() {
if(IE) {
var range = this.canvas.createTextRange();
if(range.findText('\u0001')) {
range.text = '';
range.select();
}
}
else if(GK) {
var sel = this.editor.getSelection();
var range = this.editor.document.createRange();
var node = this.canvas.getElementsByTagName('img')[0];
range.selectNode(node);
if(OP) range.collapse(true);
sel.removeAllRanges();
sel.addRange(range);
node.parentNode.removeChild(node);
}
}
this.insertText = function(str) {
if(IE) {
var range = this.editor.document.selection.createRange();
range.text = str;
}
else if(GK) {
if(DM) {
this.insertMarker();
var range = this.editor.getSelection().getRangeAt(0);
range.insertNode(this.editor.document.createTextNode(str));
this.removeMarker();
}
else {
/* special treatment for textarea */
var start = this.editor.selectionStart;
var end = this.editor.selectionEnd;
var top = this.editor.scrollTop;
var content = this.editor.value;
this.editor.value = content.substring(0, start) + str + content.substring(end, content.length);
this.editor.selectionStart = start + str.length;
this.editor.selectionEnd = start + str.length;
if(top) this.editor.scrollTop = top;
}
}
}
this.syntaxHilight = function(init) {
if(init) {
var lineFrom = lineTo = 0;
}
else {
var lineFrom = Math.round(this.canvas.scrollTop / 16);
var lineTo = lineFrom + this.cntLines;
if(lineFrom > this.curLine) {
var tmp = lineFrom;
lineFrom = this.curLine;
this.curLine = tmp;
}
}
this.insertMarker();
var code = this.parseCode(this.getCode(lineFrom, lineTo));
this.setCode(lineFrom, lineTo, code);
this.removeMarker();
this.timer = null;
}
//---------------------------------------------------------------------------------------------------------
// Event handlers
//---------------------------------------------------------------------------------------------------------
this.loadHandler = function(e) {
if(this.setFocus) this.editor.focus();
tools.addListener(this.input.form, 'submit', this.submitHandler.bindAsEventListener(this));
}
this.keyDownHandler = function(e) {
var evt = e ? e : this.editor.event;
var keyCode = (evt.which || evt.keyCode || evt.charCode);
this.paste = (keyCode == 86 && (evt.ctrlKey || evt.metaKey));
if(keyCode == 9 && !evt.shiftKey && !evt.ctrlKey && !evt.altKey && !evt.metaKey) {
this.insertText('\u00A0\u00A0\u00A0\u00A0');
if(evt.preventDefault) evt.preventDefault();
return false;
}
}
this.keyUpHandler = function(e) {
if(typeof tools == 'undefined') return;
var evt = e ? e : this.editor.event;
var keyCode = (evt.which || evt.keyCode || evt.charCode);
var ctrlA = (keyCode == 65 && (evt.ctrlKey || evt.metaKey));
var ctrlC = (keyCode == 67 && (evt.ctrlKey || evt.metaKey));
var ignoreKey = (tools.inArray(keyCode, [16, 17]) || ctrlA || ctrlC);
var moveKey = tools.inArray(keyCode, [33, 34, 37, 38, 39, 40]);
if(!ignoreKey && !moveKey) {
if(this.timer) clearTimeout(this.timer);
this.timer = setTimeout(this.syntaxHilight.bind(this), 500);
}
}
this.scrollHandler = function(e) {
if(this.numbers) this.numbers.scrollTop = this.canvas.scrollTop;
if(!this.paste) this.curLine = Math.round(this.canvas.scrollTop / 16);
}
this.submitHandler = function(e) {
this.input.value = this.getCode(0, 0, true);
}
}
//---------------------------------------------------------------------------------------------------------
// Little helpers
//---------------------------------------------------------------------------------------------------------
var tools = {
inArray: function(val, arr, ignoreCase) {
var str = '|' + arr.join('|') + '|';
if(ignoreCase) {
str = str.toLowerCase();
val = val.toLowerCase();
}
return (str.indexOf('|' + val + '|') != -1);
},
addListener: function(obj, type, fn) {
if(obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if(obj.attachEvent) {
obj.attachEvent('on' + type, fn);
}
},
setUnselectable: function(node) {
node.unselectable = true;
node.style.MozUserSelect = 'none';
node.onmousedown = function() { return false; }
node.style.cursor = 'default';
},
replaceHtml: function(node, html) {
/*@cc_on // pure innerHTML is slightly faster in IE
node.innerHTML = html;
return node;
@*/
var newNode = node.cloneNode(false);
newNode.innerHTML = html;
node.parentNode.replaceChild(newNode, node);
return newNode;
}
}
//---------------------------------------------------------------------------------------------------------
// Convert textareas
//---------------------------------------------------------------------------------------------------------
tools.addListener(window, 'load', function() {
var nodes = document.getElementsByTagName('textarea');
var options = ceos = [];
for(var i = 0; i < nodes.length; i++) {
if(nodes[i].className.match(/^codeedit(\s+(.+))?/i)) {
options = RegExp.$2.split(/\s+/);
ceos.push(new CodeEdit(nodes[i], options, 'codeEdit_' + (i + 1)));
}
}
for(i in ceos) ceos[i].create();
});
//---------------------------------------------------------------------------------------------------------
// Supported languages
//---------------------------------------------------------------------------------------------------------
var languages = {
javascript: {
operators: {
match: [ /\/\*/g, /\*\//g, /\/\//g, /((&)+|(<)+|(>)+|[\|!=%\*\/\+\-]+)/g, /\u0002/g, /\u0003/g, /\u0004/g ],
replace: [ '\u0002', '\u0003', '\u0004', '
$1', '/*', '*/', '//' ],
style: 'tt { color: #C00000; }'
},
brackets: {
match: [ /([\(\)\{\}\[\]])/g ],
replace: [ '
$1' ],
style: 'b { color: #A000A0; font-weight: bold; }'
},
numbers: {
match: [ /\b(-?\d+)\b/g ],
replace: [ '
$1' ],
style: 'u { color: #C00000; }'
},
keywords: {
match: [ /\b(break|case|catch|const|continue|default|delete|do|else|export|false|finally|for|function|if|in|instanceof|new|null|return|switch|this|throw|true|try|typeof|undefined|var|void|while|with)\b/g ],
replace: [ '
$1' ],
style: 'em { color: #0000C0; }'
},
strings: {
match: [ /(".*?")/g, /('.*?')/g ],
replace: [ '
$1', '
$1' ],
style: 's, s u, s tt, s b, s em, s i { color: #008000; font-weight: normal; }'
},
comments: {
match: [ /(\/\/[^\n]*)(\n|$)/g, /(\/\*)/g, /(\*\/)/g ],
replace: [ '
$1$2', '
$1', '$1' ],
style: 'i, i u, i tt, i b, i s, i em { color: #808080; font-weight: normal; }'
}
},
php: {
tags: {
match: [ /<(\/?(a|abbr|acronym|address|applet|area|b|base|basefont|bdo|big|blockquote|body|br|button|caption|center|cite|code|col|colgroup|dd|del|dfn|dir|div|dl|dt|em|fieldset|font|form|frame|frameset|h[1-6]|head|hr|html|i|iframe|img|input|ins|isindex|kbd|label|legend|li|link|map|menu|meta|noframes|noscript|object|ol|optgroup|option|p|param|pre|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|ul|var)(\s+.*?)?)>/gi ],
replace: [ 'µµ$1µµµ' ]
},
operators: {
match: [ /\/\*/g, /\*\//g, /\/\//g, /((&)+|(<)+|(>)+|[\|!=%\*\/\+\-]+)/g, /\u0002/g, /\u0003/g, /\u0004/g, /µµ(.+?)µµµ/g ],
replace: [ '\u0002', '\u0003', '\u0004', '
$1', '/*', '*/', '//', '
<$1>' ],
style: 'tt { color: #C00000; }'
},
brackets: {
match: [ /([\(\)\{\}\[\]])/g, /(
)?<(<\/tt>)?\?(php)?/gi, /\?()?>(<\/tt>)?/gi ],
replace: [ '$1', '<?$3', '?>' ],
style: 'b { color: #A000A0; font-weight: bold; }'
},
numbers: {
match: [ /\b(-?\d+)\b/g ],
replace: [ '$1' ],
style: 'u { color: #C00000; }'
},
keywords: {
match: [ /\b(__CLASS__|__FILE__|__FUNCTION__|__LINE__|__METHOD__|abstract|and|array|as|break|case|catch|class|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|eval|exception|exit|extends|final|false|for|foreach|function|global|if|implements|include|include_once|interface|isset|list|new|or|print|private|protected|public|require|require_once|return|static|switch|this|throw|true|try|unset|use|var|while|xor)\b/g ],
replace: [ '$1' ],
style: 'em, em tt { color: #0000C0; font-weight: normal; }'
},
variables: {
match: [ /(\$)(<[^>]+>)?(\w+)(<\/[^>]+>)?\b/gi ],
replace: [ '$1$3' ],
style: 'ins { color: #909000; }'
},
strings: {
match: [ /(".*?")/g, /('.*?')/g ],
replace: [ '$1', '$1' ],
style: 's, s u, s tt, s b, s em, s ins, s i { color: #008000; font-weight: normal; }'
},
comments: {
match: [ /(\/\/[^\n]*)(\n|$)/g, /(#[^\n]*)(\n|$)/g, /(\/\*)/g, /(\*\/)/g, /()?<(<\/tt>)?!--(<\/tt>)/gi, /()?--(<\/tt>)?>(<\/tt>)?/gi ],
replace: [ '$1$2', '$1$2', '$1', '$1', '<!--', '-->' ],
style: 'i, i u, i tt, i b, i s, i em, i ins { color: #808080; font-weight: normal; }'
}
},
html: {
scriptAreas: {
match: [ /(<script(.*?)>)/gi, /(<\/script>)/gi ],
replace: [ '$1', '$1' ],
style: 'tt { color: #909000; }'
},
styleAreas: {
match: [ /(<style(.*?)>)/gi, /(<\/style>)/gi ],
replace: [ '$1', '$1' ],
style: 'b { color: #A000A0; }'
},
tags: {
match: [ /(<\/?(a|abbr|acronym|address|applet|area|b|base|basefont|bdo|big|blockquote|body|br|button|caption|center|cite|code|col|colgroup|dd|del|dfn|dir|div|dl|dt|em|fieldset|font|form|frame|frameset|h[1-6]|head|hr|html|i|iframe|img|input|ins|isindex|kbd|label|legend|li|link|map|menu|meta|noframes|noscript|object|ol|optgroup|option|p|param|pre|q|s|samp|script|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|title|tr|tt|u|ul|var)(\s+.*?)?>)/gi ],
replace: [ '$1' ],
style: 'em { color: #0000C0; }'
},
strings: {
match: [ /=(".*?")/g, /=('.*?')/g ],
replace: [ '=$1', '=$1' ],
style: 's, s tt, s b, s em, s i { color: #008000; }'
},
comments: {
match: [ /(<!--)/g, /(-->)/g ],
replace: [ '$1', '$1' ],
style: 'i, i tt, i b, i s, i em { color: #808080; }'
}
},
css: {
classes: {
match: [ /(.+?)\{/g ],
replace: [ '$1{' ],
style: 'tt { color: #0000C0; }'
},
keys: {
match: [ /([\{\n]\s*)([\w-]*?:)([^\/])/g ],
replace: [ '$1$2$3', ':' ],
style: 'u { color: #C00000; }'
},
brackets: {
match: [ /([\{\}])/g ],
replace: [ '$1' ],
style: 'b { color: #A000A0; font-weight: bold; }'
},
comments: {
match: [ /(\/\*)/g, /(\*\/)/g ],
replace: [ '$1', '$1' ],
style: 'i, i tt, i u, i b { color: #808080; font-weight: normal; }'
}
}
}