inc/js/codepress/codepress.js

   1 /*\r
   2  * CodePress - Real Time Syntax Highlighting Editor written in JavaScript - http://codepress.org/\r
   3  * \r
   4  * Copyright (C) 2006 Fernando M.A.d.S. <fermads@gmail.com>\r
   5  *\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
   8  * \r
   9  * Read the full licence: http://www.opensource.org/licenses/lgpl-license.php\r
  10  */\r
  11 \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
  25         \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
  30                 self.setOptions();\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
  36         }\r
  37         \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
  46         }\r
  47 \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
  52         }\r
  53         \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
  58         }\r
  59         \r
  60         self.getCode = function() {\r
  61                 return self.textarea.disabled ? self.editor.getCode() : self.textarea.value;\r
  62         }\r
  63 \r
  64         self.setCode = function(code) {\r
  65                 self.textarea.disabled ? self.editor.setCode(code) : self.textarea.value = code;\r
  66         }\r
  67 \r
  68         self.toggleAutoComplete = function() {\r
  69                 self.editor.autocomplete = (self.editor.autocomplete) ? false : true;\r
  70         }\r
  71         \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
  76         }\r
  77         \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
  81         }\r
  82         \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
  89                 }\r
  90                 else {\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
  96                 }\r
  97         }\r
  98 \r
  99         self.edit();\r
 100         return self;\r
 101 }\r
 102 \r
 103 CodePress.languages = { \r
 104         csharp : 'C#', \r
 105         css : 'CSS', \r
 106         generic : 'Generic',\r
 107         html : 'HTML',\r
 108         java : 'Java', \r
 109         javascript : 'JavaScript', \r
 110         perl : 'Perl', \r
 111         ruby : 'Ruby',  \r
 112         php : 'PHP', \r
 113         text : 'Text', \r
 114         sql : 'SQL',\r
 115         vbscript : 'VBScript'\r
 116 }\r
 117 \r
 118 \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
 124                 }\r
 125         }\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
 129                         id = t[i].id;\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
 133                 } \r
 134         }\r
 135 }\r
 136 \r
 137 var browserName=navigator.appName; \r
 138 if (browserName!="Opera"){\r
 139 if(window.attachEvent) window.attachEvent('onload',CodePress.run);\r
 140 else window.addEventListener('DOMContentLoaded',CodePress.run,false);\r
 141 }\r