Downloads » Resources » [Plugin] EditArea » [Plugin] EditArea | 0.3.1 - EditArea v0.6.5.1

[Plugin] EditArea 0.3.1 - EditArea v0.6.5.1

  • Currently 4.9565217391304/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
23 vote(s).

Resource ImageEditArea, 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.

Works with MODx Version(s): 0.9.5
Submitted: Apr 2nd 2007 | License: LGPL | Downloads: 711
This resource has been deprecated.

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</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



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.


( back to top )