[Summary view] [Print] [Text view]

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