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