Wednesday, January 2nd, 2008
EditArea: Rich Sourcecode Editor
Category: JavaScript, RichTextWidget
Features
- 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:
JAVASCRIPT:
-
-
editAreaLoader.init({
-
id: "exemple_3" // id of the textarea to transform
-
,start_highlight: true
-
,font_size: "8"
-
,font_family: "verdana, monospace"
-
,allow_resize: "y"
-
,allow_toggle: false
-
,language: "fr"
-
,syntax: "css"
-
,toolbar: "new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help"
-
,load_callback: "my_load"
-
,save_callback: "my_save"
-
,plugins: "charmap"
-
,charmap_default: "arrows"
-
});
-
Related Content:
4.1 rating from 25 votes
I just wet myself!
If it starts to support the .Net landscape, then I will be all over it.
This looks very useful. As someone who despises having to scroll horizontally I wonder if it can support line wrapping.
It’s about time EditArea was written up. It’s by far the most complete online text editor out there.
Is the PHP code example blurry for anyone else?
I noticed some problems in Opera 9 / Windows XP. The compatibility overview shows details: http://www.cdolivet.net/editarea/editarea/docs/compatibility.html
However, it’s a nice looking editor for backend applications.
@Scriptor: Yes, the image looks a bit blurry
don’t forget about: http://codepress.org/ another JavaScript editor for source code
there are problems with XML-Syntax on AIX