Please title this page. (syntaxhighlighting

<iframe width="90%" height="400" id="rtshed" name="rtshed" src="rtsj-javascript.htm"></iframe>

<html> <head> <title>Real Time Syntax Highlighting Code Editor JavaScript</title> <link type="text/css" rel="stylesheet" href="rtsh-javascript.css" /> <script type="text/javascript" src="rtsh.js"></script> <script type="text/javascript"> RTSH.language = 'javascript'; </script> </head>  <body id="ffedt"><pre id="ieedt">preloaded text here... </pre> </body> </html>

/* global */ body {margin-top:13px;_margin-top:15px;background:white;font-family:monospace;font-size:13px;margin-left:32px;white-space:pre;background-image:url("linenumbers.gif");background-repeat:repeat-y;background-position:0 3px;} html>body{background-position:0 2px;} P {margin:0;padding:0;border:0;outline:0;display:block;white-space:pre;} /* language specific (javascript) */ /* fonts with bold and italic must have size 12px */ b,i,s,u {display:inline;font-size:12px;font-weight:bold;text-decoration:none;letter-spacing:1px} b {color:#7F0055;} /* reserved words */ i, i b, i s, i u {color:#3F7F5F;font-weight:normal;} /* comments */ s, s b {color:#2A00FF;} /* strings */ u {color:darkblue;} em {font-weight:bold;font-style:normal;}

/* Real Time Syntax Highlighting JS - RTSHJS v0.83 You can use and modify this code as you want. Just keep my credits somewhere around. Thanks. Fernando M.A.d.S. - fermads@gmail.com http://syntaxhighlighting.blogspot.com/2006/08/real-time-syntax-highlighting.html */ RTSH = { range : null, language : null, // set initial vars and start sh initialize : function() { this.detect(); chars = '|13|32|191|57|48|187|188|'; // charcodes that trigger syntax highlighting cc = ''; // control char if(browser.ff) { editor = document.getElementById('ffedt'); document.designMode = 'on'; document.addEventListener('keydown', this.keyHandler, true); document.body.focus(); } else if(browser.ie) { editor = document.getElementById('ieedt'); editor.contentEditable = 'true'; document.onkeydown = this.keyHandler; } else { // TODO: textarea without syntax highlighting for non supported browsers alert('your browser is not supported at the moment'); return; } this.syntaxHighlight(1); window.scroll(0,0); }, // detect browser, for now IE and FF detect : function() { browser = { ie:false, ff:false }; if(navigator.appName.indexOf("Microsoft") != -1) browser.ie = true; else if (navigator.appName == "Netscape") browser.ff = true; }, // treat key bindings keyHandler : function(evt) { evt = (evt) ? evt : (window.event) ? event : null; if(evt) { charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0)); if((chars.indexOf('|'+charCode+'|')!=-1) && (!evt.ctrlKey && !evt.altKey)) { // syntax highlighting RTSH.syntaxHighlight(); RTSH.findString(); } else if(charCode==46||charCode==8) { // save to history when delete or backspace pressed RTSH.actions.history[RTSH.actions.next()] = editor.innerHTML; } else if((charCode==90||charCode==89) && evt.ctrlKey) { // undo and redo (charCode==89||evt.shiftKey) ? RTSH.actions.redo() : RTSH.actions.undo() ; evt.returnValue = false; if(browser.ff)evt.preventDefault(); } else if(charCode==86 && evt.ctrlKey) { // paste // TODO: pasted text should be parsed and highlighted } } }, // put cursor back to its original position after every parsing findString : function() { if(browser.ff) { if(self.find(cc)) window.getSelection().getRangeAt(0).deleteContents(); } else if(browser.ie) { range = self.document.body.createTextRange(); if(range.findText(cc)){ range.select(); range.text = ''; } } }, // syntax highlighting parser syntaxHighlight : function() { if(browser.ff) { //document.execCommand("inserthtml", false, cc); // crash firefox+linux? if(!arguments[0]) window.getSelection().getRangeAt(0).insertNode(document.createTextNode(cc)); x = editor.innerHTML; x = x.replace(/ /g,'\n'); x = x.replace(/<.*?>|<\/.*?>/g,''); x = x.replace(/\n/g,' '); } else if(browser.ie) { if(!arguments[0]) document.selection.createRange().text = cc; x = editor.innerHTML; x = x.replace(//g,'\n'); x = x.replace(/<\/P>/g,'\r'); x = x.replace(/<\/?.*?>/g,''); x = ''+x; x = x.replace(/\n/g,''); x = x.replace(/\r/g,'<\/P>'); x = x.replace(/()+/,''); x = x.replace(/<\/P>/g,' <\/P>'); } for(i=0;i<languages[this.language].length;i++) x = x.replace(languages[this.language][i],languages[this.language][i+1]); editor.innerHTML = this.actions.history[this.actions.next()] = (browser.ff) ? x : '<pre>'+x+'</pre>' ; }, // undo and redo methods actions : { pos : -1, // actual history position history : [], // history vector undo : function() { if(editor.innerHTML.indexOf(cc)==-1){ if(browser.ff) window.getSelection().getRangeAt(0).insertNode(document.createTextNode(cc)); else document.selection.createRange().text = cc; this.history[this.pos] = editor.innerHTML; } this.pos--; if(typeof(this.history[this.pos])=='undefined') this.pos++; editor.innerHTML = this.history[this.pos]; RTSH.findString(); }, redo : function() { this.pos++; if(typeof(this.history[this.pos])=='undefined') this.pos--; editor.innerHTML = this.history[this.pos]; RTSH.findString(); }, next : function() { // get next vector position and clean old ones if(this.pos>20) this.history[this.pos-21] = undefined; return ++this.pos; } }, // transform syntax highlighted code to original code plainText : function() { code = editor.innerHTML; code = code.replace(/ /gi,'\n'); code = code.replace(/<\/p>/gi,'\r'); code = code.replace(//gi,'\n'); code = code.replace(/ /gi,''); code = code.replace(//gi,''); code = code.replace(/<.*?>/g,''); code = code.replace(/</g,'<'); code = code.replace(/>/g,'>'); return code; } } // language specific regular expressions // TODO: distribute languages into specific [language].js languages = { java : [ /([\"\'].*?[\"\'])/g,'<s>$1</s>', // strings /(abstract|continue|for|new|switch|assert|default|goto|package|synchronized|boolean|do|if|private|this|break|double|implements|protected|throw|byte|else|import|public|throws|case|enum|instanceof|return|transient|catch|extends|int|short|try|char|final|interface|static|void|class|finally|long|strictfp|volatile|const|float|native|super|while)([ \.\"\'\{$;&<])/g,'$1$2', // reserved words /([^:])\/\/(.*?)( |<\/P>)/g,'$1//$2$3', // comments /\/\*(.*?)\*\//g,'/*$1*/' // comments ], javascript : [ /([\"\'].*?[\"\'])/g,'<s>$1</s>', // strings /(break|continue|do|for|new|this|void|case|default|else|function|return|typeof|while|if|label|switch|var|with|catch|boolean|int|try|false|throws|null|true|goto)([ \.\"\'\{\($;,&<])/g,'$1$2', // reserved words /(alert|isNaN|parent|Array|parseFloat|parseInt|blur|clearTimeout|prompt|prototype|close|confirm|length|Date|location|scroll|Math|document|element|name|self|elements|setTimeout|navigator|status| String|escape|Number|submit|eval|Object|event|onblur|focus|onerror|onfocus|top|onload|toString|onunload|unescape|open|opener|valueOf|window)([ \.\"\'\{;,&<])/g,'$1$2', // special words // /([&\|\\\/=!\[\]])([ \.\"\'\{$;\xad&<])/g,'$1$2', // special chars; /([\(${}\?\[\]])/g,'$1', // special chars; /([^:])\/\/(.*?)( |<\/P>)/g,'$1//$2$3', // comments /\/\*(.*?)\*\//g,'/*$1*/' // comments ], php : [ /(<[^!\?]*?>)/g,'$1', // all tags /(<style.*?>)(.*?)(<\/style>)/g,'$1$2$3', // style tags /(<script.*?>)(.*?)(<\/script>)/g,'$1$2$3', // script tags /([\"\'].*?[\"\'])/g,'<s>$1</s>', // strings /(<\?.*?\?>)/g,'$1', // bgcolor inside php tags /(<\?php|\?>)/g,'<cite>$1</cite>', // php tags /(\$.*?)([ \)\(\[\{\+\-\*\/&!\|%=;])/g,'<var>$1</var>$2', /(and|or|xor|__FILE__|exception|__LINE__|array|as|break|case|class|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|eval|exit|extends|for|foreach|function|global|if|include|include_once|isset|list|new|print|require|require_once|return|static|switch|unset|use|var|while|__FUNCTION__|__CLASS__|__METHOD__|final|php_user_filter|interface|implements|extends|public|private|protected|abstract|clone|try|catch|throw|this)([ \.\"\'\{\(;&<])/g,'<ins>$1</ins>$2', // reserved words /([^:])\/\/(.*?)( |<\/P>)/g,'$1//$2$3', // php comments /\/\*(.*?)\*\//g,'/*$1*/', // php comments /(<!--.*?--&gt.)/g,'<big>$1</big>' // html comments ], html : [ /(<[^!]*?>)/g,'$1', // all tags /(<style.*?>)(.*?)(<\/style>)/g,'$1$2$3', // style tags /(<script.*?>)(.*?)(<\/script>)/g,'$1$2$3', // script tags /=(["'].*?["'])/g,'=<s>$1</s>', // atributes /(<!--.*?--&gt.)/g,'$1' // comments ], text : [ // do nothing, as expected ] } onload = function() { RTSH.initialize(); }

Welcome to massmind.org!

Welcome to massmind.org!