| 1 |
524
|
Ruebenwurz
|
/*
|
| 2 |
|
|
* CodePress - Real Time Syntax Highlighting Editor written in JavaScript - http://codepress.org/
|
| 3 |
|
|
*
|
| 4 |
|
|
* Copyright (C) 2006 Fernando M.A.d.S. <fermads@gmail.com>
|
| 5 |
|
|
*
|
| 6 |
|
|
* This program is free software; you can redistribute it and/or modify it under the terms of the
|
| 7 |
|
|
* GNU Lesser General Public License as published by the Free Software Foundation.
|
| 8 |
|
|
*
|
| 9 |
|
|
* Read the full licence: http://www.opensource.org/licenses/lgpl-license.php
|
| 10 |
|
|
*/
|
| 11 |
|
|
|
| 12 |
|
|
CodePress = function(obj) {
|
| 13 |
|
|
var self = document.createElement('iframe');
|
| 14 |
|
|
self.textarea = obj;
|
| 15 |
|
|
self.textarea.disabled = true;
|
| 16 |
|
|
self.textarea.style.overflow = 'hidden';
|
| 17 |
|
|
self.style.height = self.textarea.clientHeight +'px';
|
| 18 |
|
|
self.style.width = self.textarea.clientWidth +'px';
|
| 19 |
|
|
self.textarea.style.overflow = 'auto';
|
| 20 |
|
|
self.style.border = '1px solid gray';
|
| 21 |
|
|
self.frameBorder = 0; // remove IE internal iframe border
|
| 22 |
|
|
self.style.visibility = 'hidden';
|
| 23 |
|
|
self.style.position = 'absolute';
|
| 24 |
|
|
self.options = self.textarea.className;
|
| 25 |
|
|
|
| 26 |
|
|
self.initialize = function() {
|
| 27 |
|
|
self.editor = self.contentWindow.CodePress;
|
| 28 |
|
|
self.editor.body = self.contentWindow.document.getElementsByTagName('body')[0];
|
| 29 |
|
|
self.editor.setCode(self.textarea.value);
|
| 30 |
|
|
self.setOptions();
|
| 31 |
|
|
self.editor.syntaxHighlight('init');
|
| 32 |
|
|
self.textarea.style.display = 'none';
|
| 33 |
|
|
self.style.position = 'static';
|
| 34 |
|
|
self.style.visibility = 'visible';
|
| 35 |
|
|
self.style.display = 'inline';
|
| 36 |
|
|
}
|
| 37 |
|
|
|
| 38 |
|
|
// obj can by a textarea id or a string (code)
|
| 39 |
|
|
self.edit = function(obj,language) {
|
| 40 |
|
|
if(obj) self.textarea.value = document.getElementById(obj) ? document.getElementById(obj).value : obj;
|
| 41 |
|
|
if(!self.textarea.disabled) return;
|
| 42 |
|
|
self.language = language ? language : self.getLanguage();
|
| 43 |
|
|
self.src = CodePress.path+'codepress.html?language='+self.language+'&ts='+(new Date).getTime();
|
| 44 |
|
|
if(self.attachEvent) self.attachEvent('onload',self.initialize);
|
| 45 |
|
|
else self.addEventListener('load',self.initialize,false);
|
| 46 |
|
|
}
|
| 47 |
|
|
|
| 48 |
|
|
self.getLanguage = function() {
|
| 49 |
|
|
for (language in CodePress.languages)
|
| 50 |
|
|
if(self.options.match('\\b'+language+'\\b'))
|
| 51 |
|
|
return CodePress.languages[language] ? language : 'generic';
|
| 52 |
|
|
}
|
| 53 |
|
|
|
| 54 |
|
|
self.setOptions = function() {
|
| 55 |
|
|
if(self.options.match('autocomplete-off')) self.toggleAutoComplete();
|
| 56 |
|
|
if(self.options.match('readonly-on')) self.toggleReadOnly();
|
| 57 |
|
|
if(self.options.match('linenumbers-off')) self.toggleLineNumbers();
|
| 58 |
|
|
}
|
| 59 |
|
|
|
| 60 |
|
|
self.getCode = function() {
|
| 61 |
|
|
return self.textarea.disabled ? self.editor.getCode() : self.textarea.value;
|
| 62 |
|
|
}
|
| 63 |
|
|
|
| 64 |
|
|
self.setCode = function(code) {
|
| 65 |
|
|
self.textarea.disabled ? self.editor.setCode(code) : self.textarea.value = code;
|
| 66 |
|
|
}
|
| 67 |
|
|
|
| 68 |
|
|
self.toggleAutoComplete = function() {
|
| 69 |
|
|
self.editor.autocomplete = (self.editor.autocomplete) ? false : true;
|
| 70 |
|
|
}
|
| 71 |
|
|
|
| 72 |
|
|
self.toggleReadOnly = function() {
|
| 73 |
|
|
self.textarea.readOnly = (self.textarea.readOnly) ? false : true;
|
| 74 |
|
|
if(self.style.display != 'none') // prevent exception on FF + iframe with display:none
|
| 75 |
|
|
self.editor.readOnly(self.textarea.readOnly ? true : false);
|
| 76 |
|
|
}
|
| 77 |
|
|
|
| 78 |
|
|
self.toggleLineNumbers = function() {
|
| 79 |
|
|
var cn = self.editor.body.className;
|
| 80 |
|
|
self.editor.body.className = (cn==''||cn=='show-line-numbers') ? 'hide-line-numbers' : 'show-line-numbers';
|
| 81 |
|
|
}
|
| 82 |
|
|
|
| 83 |
|
|
self.toggleEditor = function() {
|
| 84 |
|
|
if(self.textarea.disabled) {
|
| 85 |
|
|
self.textarea.value = self.getCode();
|
| 86 |
|
|
self.textarea.disabled = false;
|
| 87 |
|
|
self.style.display = 'none';
|
| 88 |
|
|
self.textarea.style.display = 'inline';
|
| 89 |
|
|
}
|
| 90 |
|
|
else {
|
| 91 |
|
|
self.textarea.disabled = true;
|
| 92 |
|
|
self.setCode(self.textarea.value);
|
| 93 |
|
|
self.editor.syntaxHighlight('init');
|
| 94 |
|
|
self.style.display = 'inline';
|
| 95 |
|
|
self.textarea.style.display = 'none';
|
| 96 |
|
|
}
|
| 97 |
|
|
}
|
| 98 |
|
|
|
| 99 |
|
|
self.edit();
|
| 100 |
|
|
return self;
|
| 101 |
|
|
}
|
| 102 |
|
|
|
| 103 |
|
|
CodePress.languages = {
|
| 104 |
|
|
csharp : 'C#',
|
| 105 |
|
|
css : 'CSS',
|
| 106 |
|
|
generic : 'Generic',
|
| 107 |
|
|
html : 'HTML',
|
| 108 |
|
|
java : 'Java',
|
| 109 |
|
|
javascript : 'JavaScript',
|
| 110 |
|
|
perl : 'Perl',
|
| 111 |
|
|
ruby : 'Ruby',
|
| 112 |
|
|
php : 'PHP',
|
| 113 |
|
|
text : 'Text',
|
| 114 |
|
|
sql : 'SQL',
|
| 115 |
|
|
vbscript : 'VBScript'
|
| 116 |
|
|
}
|
| 117 |
|
|
|
| 118 |
|
|
|
| 119 |
|
|
CodePress.run = function() {
|
| 120 |
|
|
s = document.getElementsByTagName('script');
|
| 121 |
|
|
for(var i=0,n=s.length;i<n;i++) {
|
| 122 |
|
|
if(s[i].src.match('codepress.js')) {
|
| 123 |
|
|
CodePress.path = s[i].src.replace('codepress.js','');
|
| 124 |
|
|
}
|
| 125 |
|
|
}
|
| 126 |
|
|
t = document.getElementsByTagName('textarea');
|
| 127 |
|
|
for(var i=0,n=t.length;i<n;i++) {
|
| 128 |
|
|
if(t[i].className.match('codepress')) {
|
| 129 |
|
|
id = t[i].id;
|
| 130 |
|
|
t[i].id = id+'_cp';
|
| 131 |
|
|
eval(id+' = new CodePress(t[i])');
|
| 132 |
|
|
t[i].parentNode.insertBefore(eval(id), t[i]);
|
| 133 |
|
|
}
|
| 134 |
|
|
}
|
| 135 |
|
|
}
|
| 136 |
|
|
|
| 137 |
|
|
if(window.attachEvent) window.attachEvent('onload',CodePress.run);
|
| 138 |
|
|
else window.addEventListener('DOMContentLoaded',CodePress.run,false);
|