2 * CodePress - Real Time Syntax Highlighting Editor written in JavaScript - http://codepress.org/
\r
4 * Copyright (C) 2006 Fernando M.A.d.S. <fermads@gmail.com>
\r
6 * This program is free software; you can redistribute it and/or modify it under the terms of the
\r
7 * GNU Lesser General Public License as published by the Free Software Foundation.
\r
9 * Read the full licence: http://www.opensource.org/licenses/lgpl-license.php
\r
12 CodePress = function(obj) {
\r
13 var self = document.createElement('iframe');
\r
14 self.textarea = obj;
\r
15 self.textarea.disabled = true;
\r
16 self.textarea.style.overflow = 'hidden';
\r
17 self.style.height = self.textarea.clientHeight +'px';
\r
18 self.style.width = self.textarea.clientWidth +'px';
\r
19 self.textarea.style.overflow = 'auto';
\r
20 self.style.border = '1px solid gray';
\r
21 self.frameBorder = 0; // remove IE internal iframe border
\r
22 self.style.visibility = 'hidden';
\r
23 self.style.position = 'absolute';
\r
24 self.options = self.textarea.className;
\r
26 self.initialize = function() {
\r
27 self.editor = self.contentWindow.CodePress;
\r
28 self.editor.body = self.contentWindow.document.getElementsByTagName('body')[0];
\r
29 self.editor.setCode(self.textarea.value);
\r
31 self.editor.syntaxHighlight('init');
\r
32 self.textarea.style.display = 'none';
\r
33 self.style.position = 'static';
\r
34 self.style.visibility = 'visible';
\r
35 self.style.display = 'inline';
\r
38 // obj can by a textarea id or a string (code)
\r
39 self.edit = function(obj,language) {
\r
40 if(obj) self.textarea.value = document.getElementById(obj) ? document.getElementById(obj).value : obj;
\r
41 if(!self.textarea.disabled) return;
\r
42 self.language = language ? language : self.getLanguage();
\r
43 self.src = CodePress.path+'codepress.html?language='+self.language+'&ts='+(new Date).getTime();
\r
44 if(self.attachEvent) self.attachEvent('onload',self.initialize);
\r
45 else self.addEventListener('load',self.initialize,false);
\r
48 self.getLanguage = function() {
\r
49 for (language in CodePress.languages)
\r
50 if(self.options.match('\\b'+language+'\\b'))
\r
51 return CodePress.languages[language] ? language : 'generic';
\r
54 self.setOptions = function() {
\r
55 if(self.options.match('autocomplete-off')) self.toggleAutoComplete();
\r
56 if(self.options.match('readonly-on')) self.toggleReadOnly();
\r
57 if(self.options.match('linenumbers-off')) self.toggleLineNumbers();
\r
60 self.getCode = function() {
\r
61 return self.textarea.disabled ? self.editor.getCode() : self.textarea.value;
\r
64 self.setCode = function(code) {
\r
65 self.textarea.disabled ? self.editor.setCode(code) : self.textarea.value = code;
\r
68 self.toggleAutoComplete = function() {
\r
69 self.editor.autocomplete = (self.editor.autocomplete) ? false : true;
\r
72 self.toggleReadOnly = function() {
\r
73 self.textarea.readOnly = (self.textarea.readOnly) ? false : true;
\r
74 if(self.style.display != 'none') // prevent exception on FF + iframe with display:none
\r
75 self.editor.readOnly(self.textarea.readOnly ? true : false);
\r
78 self.toggleLineNumbers = function() {
\r
79 var cn = self.editor.body.className;
\r
80 self.editor.body.className = (cn==''||cn=='show-line-numbers') ? 'hide-line-numbers' : 'show-line-numbers';
\r
83 self.toggleEditor = function() {
\r
84 if(self.textarea.disabled) {
\r
85 self.textarea.value = self.getCode();
\r
86 self.textarea.disabled = false;
\r
87 self.style.display = 'none';
\r
88 self.textarea.style.display = 'inline';
\r
91 self.textarea.disabled = true;
\r
92 self.setCode(self.textarea.value);
\r
93 self.editor.syntaxHighlight('init');
\r
94 self.style.display = 'inline';
\r
95 self.textarea.style.display = 'none';
\r
103 CodePress.languages = {
\r
106 generic : 'Generic',
\r
109 javascript : 'JavaScript',
\r
115 vbscript : 'VBScript'
\r
119 CodePress.run = function() {
\r
120 s = document.getElementsByTagName('script');
\r
121 for(var i=0,n=s.length;i<n;i++) {
\r
122 if(s[i].src.match('codepress.js')) {
\r
123 CodePress.path = s[i].src.replace('codepress.js','');
\r
126 t = document.getElementsByTagName('textarea');
\r
127 for(var i=0,n=t.length;i<n;i++) {
\r
128 if(t[i].className.match('codepress')) {
\r
130 t[i].id = id+'_cp';
\r
131 eval(id+' = new CodePress(t[i])');
\r
132 t[i].parentNode.insertBefore(eval(id), t[i]);
\r
137 if(window.attachEvent) window.attachEvent('onload',CodePress.run);
\r
138 else window.addEventListener('DOMContentLoaded',CodePress.run,false);
\r