[Plugin] EditArea 0.3.2 - EditArea v0.6.7
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.
Submitted: May 22nd 2007 | License: LGPL | Downloads: 1150
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:
<img src="http://www.pixelchutes.com/assets/images/modx/editarea.gif" />
New! Check out the new Plugin configuration
<img src="http://www.pixelchutes.com/assets/images/modx/editarea_config.gif" />
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.2</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
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;true,false;true
4. Select one or more system events from this list on the System Events tab:
OnTempFormRender (template editor - html highlighting)
OnChunkFormRender (chunk editor - html highlighting)
OnDocFormRender (Document editor if you are not using an RTE - html highlighting)
OnSnipFormRender (Snippet editor - php highlighting)
OnPluginFormRender (plugin editor - php highlighting)
OnModFormRender (module editor - php highlighting)
EditArea Plugin Code:
Open "editarea.plugin.php" from the download (don't forget the README!)
NOTE:
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!
Updates
Please see most recent version.