CMS Made Simple Forums

Edit area

Here is EditArea, a free javascript editor for source code. (That is no way a WYSIWYG editor).
This editor is designed to edit souce code files in a textarea. The main goal is to allow text formatting, search and replace and real-time syntax highlight (for small text).

This editor is free and freely distributable (released under LGPL license). All I ask is that I receive credit for my work. I will also enjoy to receive mail to tell me if you 're using it, just in order to have an idea of how much this editor is used. Wink
Main 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.

Current limitations:

* automatic focus on the textarea on page load.
* slow when editing huge files (javascript is not a fast language).
* only on syntax language at the same time (no html and php syntax highlight at the same time).

Example

http://www.cdolivet.net/editarea/editar ... _full.html

Download

The current version is the 0.7, released on 2007-10-10. Go on sourceforge for EditArea 0.7 downloads.
http://sourceforge.net/project/showfile ... _id=164008

You can see the change log here (txt file).
http://www.cdolivet.net/editarea/editar ... ge_log.txt

Compatibility

It works on IE 6 & 7, Firefox 1.5 & 2 and Opera 9. More information available in the compatibility chart
Documentation

The online documentation is available here
http://www.cdolivet.net/editarea/editar ... ility.html

A module for this already exist. Just give it a search. There is some bugs though regarding the apply button but you can also use CodePress (which also exist, DL Suite: CodePress). Though if you really want EditArea and don't want to deal with some of bugs of the current version, you can wait until I get my own version up. Right now I am working on getting Spaw up so once I get that done, I can begin work on EditArea but again, there is already an existing module.

cool, i wiil to wait. but if i will have free time i wiill to work it this

I thought this would take longer but it seems like much of my work on other modules has gotten the development of this to be extremely quick. It is already working for me now. I am just doing some testing to make sure it is working cross browser and see if I can spot any bugs. Anyway, expect this to be released this coming Friday.

Released.