JS-CodeEdit is a JavaScript editor that converts your HTML textareas into a code editor with realtime syntax highlighting. If added into a form, the content can be submitted e.g. to be written to a file. A nice thing is that you can add as many editors as you want within a HTML page.
Currently the code editor supports the following languages: PHP, JavaScript, HTML, CSS.
Generally, this code editor should work on Windows with IE 5+ and with browser using the Mozilla 1.3+ engine (browsers that support “designMode”).
How to use it?
1) Include the codeedit.js library in the HTML page
2) Edit any textarea that contains code in it:
<textarea name="myEditor1" class="codeedit php linenumbers" wrap="off" cols="80" rows="20">[php code here]</textarea>
Note: For the class name the first values should be ‘codeedit’ followed by the language you want to highlight: (either php, javascript, html or css).
- Source: http://www.gerd-tentler.de/tools/codeedit/
- Download: http://www.gerd-tentler.de/tools/codeedit/?page=download
- Tested in: IE 8, Opera 9, FF 3
- License: Freeware for non-commercial use (if used commercially, a donation should be made)