r58203 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r58202‎ | r58203 | r58204 >
Date:17:35, 27 October 2009
Author:tparscal
Status:deferred
Tags:
Comment:
Renamed this module, since there will likely be a WYSIWYG module at some point in the distant future as well...
Modified paths:
  • /trunk/extensions/UsabilityInitiative/js/plugins/jquery.wikiEditor.code.js (added) (history)

Diff [purge]

Index: trunk/extensions/UsabilityInitiative/js/plugins/jquery.wikiEditor.code.js
——@@ -0,0 +1,202 @@
 2+/**
 3+ * TOC Module for wikiEditor
 4+ */
 5+( function( $ ) { $.wikiEditor.modules.$editor = {
 6+
 7+/**
 8+ * API accessible functions
 9+ */
 10+api: {
 11+ //
 12+},
 13+/**
 14+ *
 15+ */
 16+languages: {
 17+ csharp : 'C#',
 18+ css : 'CSS',
 19+ generic : 'Generic',
 20+ html : 'HTML',
 21+ java : 'Java',
 22+ javascript : 'JavaScript',
 23+ perl : 'Perl',
 24+ ruby : 'Ruby',
 25+ php : 'PHP',
 26+ text : 'Text',
 27+ sql : 'SQL',
 28+ vbscript : 'VBScript'
 29+},
 30+/**
 31+ * Internally used functions
 32+ */
 33+fn: {
 34+ create: function( context, config ) {
 35+ context.$textarea
 36+ .attr( 'disabled', true )
 37+ .css( 'overflow', 'hidden' );
 38+ context.modules.editor.$iframe = $( '<iframe></iframe>' )
 39+ .css( {
 40+ 'width': context.$textarea.css( 'width' ),
 41+ 'height': context.$textarea.css( 'height' ),
 42+ 'border': '1px solid gray',
 43+ 'visibility': 'hidden',
 44+ 'position': 'absolute'
 45+ });
 46+ .attr( 'frameborder', 0 )
 47+ context.$textarea
 48+ .css( 'overflow', 'auto' );
 49+
 50+
 51+ var self = document.createElement('iframe');
 52+
 53+ self.textarea = obj;
 54+ self.textarea.disabled = true;
 55+ self.textarea.style.overflow = 'hidden';
 56+
 57+ self.style.height = self.textarea.clientHeight +'px';
 58+ self.style.width = self.textarea.clientWidth +'px';
 59+ self.textarea.style.overflow = 'auto';
 60+
 61+ self.style.border = '1px solid gray';
 62+ self.frameBorder = 0; // remove IE internal iframe border
 63+ self.style.visibility = 'hidden';
 64+ self.style.position = 'absolute';
 65+
 66+
 67+ self.editor = self.contentWindow.CodePress;
 68+ self.editor.body = self.contentWindow.document.getElementsByTagName('body')[0];
 69+ self.editor.setCode(self.textarea.value);
 70+ self.setOptions();
 71+ self.editor.syntaxHighlight('init');
 72+ self.textarea.style.display = 'none';
 73+ self.style.position = 'static';
 74+ self.style.visibility = 'visible';
 75+ self.style.display = 'inline';
 76+ },
 77+ language: function( context, language ) {
 78+ if ( language != undefined ) {
 79+ if(obj) self.textarea.value = document.getElementById(obj) ? document.getElementById(obj).value : obj;
 80+ if(!self.textarea.disabled) return;
 81+ self.language = language ? language : self.getLanguage();
 82+ self.src = CodePress.path+'codepress.html?language='+self.language+'&ts='+(new Date).getTime();
 83+ if(self.attachEvent) self.attachEvent('onload',self.initialize);
 84+ else self.addEventListener('load',self.initialize,false);
 85+
 86+ var config = { "language": "generic", "engine": null };
 87+ var language = "generic"; var engine = "older";
 88+ var ua = navigator.userAgent;
 89+ var ts = (new Date).getTime(); // timestamp to avoid cache
 90+ var lh = location.href;
 91+
 92+ if(ua.match('MSIE')) engine = 'msie';
 93+ else if(ua.match('KHTML')) engine = 'khtml';
 94+ else if(ua.match('Opera')) engine = 'opera';
 95+ else if(ua.match('Gecko')) engine = 'gecko';
 96+ if(lh.match('language=')) language = lh.replace(/.*language=(.*?)(&.*)?$/,'$1');
 97+
 98+ html = '\
 99+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>\
 100+<head><title>wikiEditor</title><meta name="description" content="wikiEditor" /><script type="text/javascript">\
 101+ <link type="text/css" href="codepress.css?ts='+ts+'" rel="stylesheet" />\
 102+ <link type="text/css" href="languages/'+language+'.css?ts='+ts+'" rel="stylesheet" id="cp-lang-style" />\
 103+ <script type="text/javascript" src="engines/'+engine+'.js?ts='+ts+'"></script>\
 104+ <script type="text/javascript" src="languages/'+language+'.js?ts='+ts+'"></script>\
 105+</head>\
 106+';
 107+
 108+<script type="text/javascript">
 109+if(engine == "msie" || engine == "gecko") document.write('<body><pre> </pre></body>');
 110+else if(engine == "opera") document.write('<body></body>');
 111+// else if(engine == "khtml") document.write('<body> </body>');
 112+</script>
 113+
 114+</html>
 115+
 116+
 117+ ';
 118+
 119+
 120+
 121+
 122+
 123+
 124+
 125+
 126+
 127+
 128+
 129+
 130+
 131+
 132+
 133+ } else {
 134+ for (language in CodePress.languages)
 135+ if(self.options.match('\\b'+language+'\\b'))
 136+ return CodePress.languages[language] ? language : 'generic';
 137+ }
 138+ },
 139+ options: function( context, options ) {
 140+ if ( options != undefined ) {
 141+ $.extend( context.modules.editor.options, options );
 142+ } else {
 143+ return context.modules.editor.options;
 144+ }
 145+ },
 146+ code: function( context, code ) {
 147+ if ( code !== undefined ) {
 148+ // Set
 149+ self.textarea.disabled ? self.editor.setCode(code) : self.textarea.value = code;
 150+ } else {
 151+ // Get
 152+ return self.textarea.disabled ? self.editor.getCode() : self.textarea.value;
 153+ }
 154+ },
 155+ // toggleReadOnly
 156+ lock: function( context ) {
 157+ self.textarea.readOnly = true;
 158+ if(self.style.display != 'none') // prevent exception on FF + iframe with display:none
 159+ self.editor.readOnly( true );
 160+ },
 161+ unlock: function( context ) {
 162+ self.textarea.readOnly = false;
 163+ if(self.style.display != 'none') // prevent exception on FF + iframe with display:none
 164+ self.editor.readOnly( false );
 165+ },
 166+ // toggleEditor
 167+ on: function( context ) {
 168+ self.textarea.disabled = true;
 169+ self.setCode(self.textarea.value);
 170+ self.editor.syntaxHighlight('init');
 171+ self.style.display = 'inline';
 172+ self.textarea.style.display = 'none';
 173+ }
 174+ off: function( context ) {
 175+ self.textarea.value = self.getCode();
 176+ self.textarea.disabled = false;
 177+ self.style.display = 'none';
 178+ self.textarea.style.display = 'inline';
 179+ }
 180+
 181+
 182+
 183+ CodePress.run = function() {
 184+ s = document.getElementsByTagName('script');
 185+ for(var i=0,n=s.length;i<n;i++) {
 186+ if(s[i].src.match('codepress.js')) {
 187+ CodePress.path = s[i].src.replace('codepress.js','');
 188+ }
 189+ }
 190+ t = document.getElementsByTagName('textarea');
 191+ for(var i=0,n=t.length;i<n;i++) {
 192+ if(t[i].className.match('codepress')) {
 193+ id = t[i].id;
 194+ t[i].id = id+'_cp';
 195+ eval(id+' = new CodePress(t[i])');
 196+ t[i].parentNode.insertBefore(eval(id), t[i]);
 197+ }
 198+ }
 199+ }
 200+
 201+}
 202+
 203+}; } ) ( jQuery );
\ No newline at end of file
Property changes on: trunk/extensions/UsabilityInitiative/js/plugins/jquery.wikiEditor.code.js
___________________________________________________________________
Name: svn:eol-style
1204 + native

Status & tagging log