[Plugin] EditArea

Currently 4.95/5 Stars.
1
2
3
4
5

Votes: 20

[Plugin] EditArea 0.3.3 - EditArea v0.7.0.2

by pixelchutes & Gildas (visit author's site)

[Gildas - 0.3.2.1 - 10/12/07] Add support for 'application/xml' and 'application/xhtml+xml', and updated SQL/JS regex syntax files since EA 0.7.0.2
[pixelchutes - 0.3.3 - 12/12/07] Updated edit_area core files to the complete 0.7.0.2 package, including documentation and examples
[pixelchutes - 0.3.3 - 12/12/07] Fixed bug with the compressor paramter (and default value) that was causing edit_area_compressor.php to load even when disabled
[pixelchutes - 0.3.3 - 12/12/07] Added catchunload parameter to optionally enable a try/catch for EA's delete_instance() unload bugs [getDocumentById] (confirmed bug in FF2/Win)
[pixelchutes - 0.3.3 - 12/12/07] Change MODx CSS "on the fly" to "bypass" the IE bug in full screen mode (IE shows div.sectionBody elements on top of the editor, confirmed bug in IE6&7/Win)
[pixelchutes - 0.3.3 - 12/12/07] Updated documentation, bugs, and history files to prepare for repository release.

Works with MODx Version(s): 0.9.6, 0.9.5
Submitted: Dec 12th 2007 | License: LGPL | Downloads: 849

Tags:
edit area, editarea, editing, editor, file management, manager, plugin, textarea, third party addon

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

Description

Huge Props to Gildas for his dynamic plugin implementation and user testing. Wouldn't be so easy if not for him! :)

Download consists of edit_area plugin content + license, plugin code, and README for instructions. Open README if unsure where to begin.

It works on IE 6 & 7, Firefox 1.5 & 2 and Opera 9. More information available in the Browser Compatibility Chart

To view a live example, click here.

Or view this screen shot:

New! Check out the new Plugin configuration

Did you know that you can now save directly from EditArea using either the toolbar save icon, or the CTRL+S hotkey?

Instructions

1. Upload EditArea:
Upload /assets/plugins/edit_area

NOTE:
If needed, chmod 755 for folders and chmod 644 for *.*

2. Create a new plugin (or edit if already exists):

Title: EditArea
Description: <strong>0.3.3</strong> - Allows text formatting, search and replace and real-time syntax highlighting

3. Copy and Paste ALL of the following into "Plugin configuration" on the Configuration tab:

&eadbg=Debug Enabled?;list;true,false;false &font_size=Font Size;list;8,9,10,11,12;9 &defaultHeight=Initialize editor height;list;300px,400px,500px,600px,700px;500px &min_height=Minimum editor height;list;200,300,400;400 &start_highlight=Initialize with highlighting enabled?;list;true,false;true &allow_toggle=Allow editor toggling?;list;true,false;true &allow_resize=Allow editor resizing?;list;y,n;y &fullscreen=Initialize editor in fullscreen mode?;list;true,false;false &replace_tab_with_spaces=Replace tab with spaces?;list;// No,/* Yes */;/* Yes */ &tab_as_spaces=How many spaces per tab?;list;3,4,5;4 &plugins=Active Plugins;string;modx &catchunload=Try/Catch on Unload?;list;yes,no;yes

3a. If you want to add support for the PHP compressor, you need to append this to the "Plugin configuration":

&compressor=PHP Compressor Enabled?;list;0,1;0

4. Select one or more system events from this list on the System Events tab:

OnChunkFormRender (chunk editor - html highlighting)
OnDocFormRender (Document editor if you are not using an RTE - html highlighting)
OnModFormRender (module editor - php highlighting)
OnPluginFormRender (plugin editor - php highlighting)
OnSnipFormRender (Snippet editor - php highlighting)
OnTempFormRender (template editor - html highlighting)

EditArea Plugin Code:

Open "editarea.plugin.php" from the download (don't forget the README!)

NOTES:
- There were some performance issues related to the edit_area_compressor identified with the 0.3.2 release, which have been corrected as of 0.3.3

- As of version 0.3, the plugin now utilizes "plugin configuration parameters." Please ensure that you accurately Copy & Paste the parameters from the README.txt Installation section for this Plugin to work correctly. Have fun, and Enjoy!