1
|
1 |
/* |
|
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 |
// Modified for WordPress compat to prevent loading on webkit and to |
|
121 |
// reference a codepress_path which is specified externally. |
|
122 |
if (navigator.userAgent.toLowerCase().indexOf('webkit') != -1) |
|
123 |
return; |
|
124 |
CodePress.path = codepress_path; |
|
125 |
var t = document.getElementsByTagName('textarea'), i, id; |
|
126 |
for(i=0,n=t.length;i<n;i++) { |
|
127 |
if(t[i].className.match('codepress')) { |
|
128 |
id = t[i].id; |
|
129 |
t[i].id = id+'_cp'; |
|
130 |
eval(id+' = new CodePress(t[i])'); |
|
131 |
t[i].parentNode.insertBefore(eval(id), t[i]); |
|
132 |
} |
|
133 |
} |
|
134 |
} |
|
135 |
|
|
136 |
if(window.attachEvent) window.attachEvent('onload',CodePress.run); |
|
137 |
else window.addEventListener('DOMContentLoaded',CodePress.run,false); |