EditArea (PHP HTML Syntax Highlighting for textareas)

[tomhung]

Ok.. Go easy on me here.  This is my first prerelease attempt at a module.  I know there are lots of thing wrong with it.  I'm sure I will actually get all the WB module functions added sometime.

The module:
I wanted to integrate EditArea (textarea syntax highlighting) http://www.cdolivet.net/index.php?page=editArea
into the textarea of the settings and other admin boxes.

Current state of edit_area module:
it installs (basically copies to /modules/edit_area/)

To get it working:
add to /admin/interface/header.html

Code:

<script language="javascript" type="text/javascript" src="/modules/edit_area/edit_area_full.js"></script>
<script language="javascript" type="text/javascript" src="/modules/edit_area/config.js"></script>

find / add the id's of the textareas you want to convert into syntax editors

edit /modules/edit_area/config.js
copy and paste
editAreaLoader.init function for each textarea specifying the syntax and options

*you will have to add the id attribute to the /admin/settings/template.html textarea elements

I included the docs and examples for Edit_Area they are not essential for the module.

File removed ... newer version below ....

[tomhung]

here is a much better version
edit_areav0.2.zip

Changelog:
Added uninstall script
Added admin tool
Added edit of config.js
Added edit of header.html (for adding to admin interface)
Tried to clean up little bugs and unnecessary code
Removed docs and examples (pointed to official site for docs)
Added example function call in config.js

[tomhung]

please test this and fix / comment if you find bugs.
Greg

[kweitzel]

Only the version of 5th December available where edit-area is a page type?

Anyway, a bit of more instructions would be great. Any special requirements? You wrote, that it is now a admin-module, like template and laguage edit? Or a free texteditor?

Installing the "old" version did work fine, creating a page (only thing available to do with it) created following errors:

Warning: require(C:\Programme\xampp\htdocs\wb/modules/edit_area/view.php) [function.require]: failed to open stream: No such file or directory in C:\Programme\xampp\htdocs\wb\framework\frontend.functions.php on line 169

Fatal error: require() [function.require]: Failed opening required 'C:\Programme\xampp\htdocs\wb/modules/edit_area/view.php' (include_path='.;C:\Programme\xampp\php\pear\') in C:\Programme\xampp\htdocs\wb\framework\frontend.functions.php on line 169

That was on a XAMPP Installation. On a *nix machin I get the same. Anything which needs to be added to the installation? And I saw, that you have 2 times the "full download" package ... is this necessary?

cheers

Klaus

[tomhung]

sorry i forgot to post files.

this version should help with instructions.

concept:
you install module, now you have the javascript area editor
you have to add the script tags to the header.html file so the admin template will include js
you may have to (i had to add alot) add id attributes to texareas you want to syntax highlight
you have to edit config.js to call the javascript on your id

thats it.

if you want to have a syntax highlighted public page you would have to add the header include lines to your template and edit the config.js to include the id's of your text areas.

[kweitzel]

OK tested a bit and ... I see, currently not really easy to implement. Do you think, you can make a module out of it, where a 1 click installation (like the WYSIWYG Editor Modules) works?

cheers

Klaus

[tomhung]

there are a couple BIG issues....

1. lots / most of the admin textareas don't have ID attributes
2. you must include the javascript files in your header of the admin page
3. then you need to explicitly set a javascript initialization into the custom.js file (which points to the textarea by ID)

IF an core developer decided to add unique ID attributes to the textareas in the core admin section, and IF the module developers included ID attributes to their textareas then if would be alot easier.

I figure I can programmaticly insert the javascript includes if needed.

So the biggest problem is the lack of ID.  I think I can overcome the other issues.

Greg

[kweitzel]

Yeah ... I thought so already. Why don't you post a ticket for this (feature request) on the project page?

Cheers

Klaus

[pcwacht]

One very good use for this addon is to integrate it in the template editor or the module editor

John

[tomhung]

i have integrated it to mine already!!  *wink.....

once you "install it"  all you have to do is initialize the js function with the textareas ID and give it your parameters.  Simple!