Code Editor with Realtime Syntax Highlighting: JS-CodeEdit
Posted on January 5, 2010, Filled under JavaScript,
Bookmark it
Thanks for visiting our website! We regularly publish posts like this one. If you are interested in receiving the latest updates as soon as they are posted, please consider subscribing to the RSS feed or to our e-mail newsletter.
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)
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- January 5, 2010
- article by Gabriel C.
- Leave a reply!
Sponsors
Related Posts
-
TinyEditor: Lightweight, Customizable & Standalone WYSIWYG editorat February 9, 2010
-
7 Awesome Free Syntax Highlighters – To Enhance User Readabilityat August 29, 2009 with 6 comments
-
A Free, Fast, Professional & Easy to Use WYSIWYG Editor: CKEditorat August 27, 2009
-
A Simple Web-Based MooTools WYSIWYG Editor: MooEditableat December 28, 2009
-
jQuery Tools – A Collection of the Most Important UI Componentsat June 5, 2009 with 1 comment
