|
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); |