Made to run in FireFox 3.0+
This version does not fully support IE or Chrome.
To use it offline simply use the "save as" feature of your browser, and save the .HTML .JS and .CSS files to your computer.
You can paste code to have it all colored at once,
to do so paste your code then hit enter.
The Tab button will not work as normal.
Do not type any html code; doing so may mess up the script.
If what you've typed does not get darker when you release your key, the script has messed up.
How it works
An absolute positioned div lies on top of a div that has its content set to editable.
The div underneath is shown, the div on top is "not" (the text is a very light grey).
(which is why the cursor your able to see is a light grey)
As you type, JavaScript functions reformat the text of the not shown div with <span> tags as needed to assign CSS classes of color.
You don't see any of the html tags because you are typing into a div, not a textfield or input field, and the result
is shown in a div.
Colors can be changed in the CSS file.
The beauty of this script is that you can use the whole expanse of you browser window as typing space,
a lot of notepad like programs do not offer such space.
change the font: (change the font name then click out)
change the font size: (change percentage then click out)