Wednesday, January 2nd, 2008

EditArea: Rich Sourcecode Editor

Category: JavaScript, RichTextWidget

EditArea is a free JavaScript editor for source code. This editor is designed to edit source code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight.


  • Easy to integrate, only one script include and one function call
  • Tabulation support (allow to write well formated source code)
  • Search and replace (with regexp)
  • Customizable real-time syntax highlighting (currently: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf*ck)
  • Auto-indenting new lines
  • Line numerotation
  • Multilanguage support (currently: Croatian, Danish, English, French, German, Italian, Japanese, Polish, Portuguese)
  • Possible PHP gzip compression (compress the 12 core files to one file of ~20Ko)
  • Allow multiple instances
  • Full screen mode
  • Possible plugin integration
  • Possible save and load callback functions
  • Possible dynamic content management
  • Can work in the same environment than “protype” and “mootools”‘s like libraries.

You setup the text area, and then make sure to transform via something like:


  1. editAreaLoader.init({
  2.         id: "exemple_3" // id of the textarea to transform 
  3.         ,start_highlight: true 
  4.         ,font_size: "8"
  5.         ,font_family: "verdana, monospace"
  6.         ,allow_resize: "y"
  7.         ,allow_toggle: false
  8.         ,language: "fr"
  9.         ,syntax: "css" 
  10.         ,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help"
  11.         ,load_callback: "my_load"
  12.         ,save_callback: "my_save"
  13.         ,plugins: "charmap"
  14.         ,charmap_default: "arrows"         
  15. });

Edit Area

Posted by Dion Almaer at 5:57 am

3.9 rating from 30 votes


Comments feed TrackBack URI

I just wet myself!

If it starts to support the .Net landscape, then I will be all over it.

Comment by Liming — January 2, 2008

This looks very useful. As someone who despises having to scroll horizontally I wonder if it can support line wrapping.

Comment by tastypopsicle — January 2, 2008

It’s about time EditArea was written up. It’s by far the most complete online text editor out there.

Comment by JustinMeyer — January 2, 2008

Is the PHP code example blurry for anyone else?

Comment by Scriptor — January 2, 2008

I noticed some problems in Opera 9 / Windows XP. The compatibility overview shows details:

However, it’s a nice looking editor for backend applications.

@Scriptor: Yes, the image looks a bit blurry

Comment by Fuwa — January 2, 2008

don’t forget about: another JavaScript editor for source code

Comment by mrrau — January 4, 2008

there are problems with XML-Syntax on AIX

Comment by Z3W5D45F76F — September 3, 2009

Leave a comment

You must be logged in to post a comment.