Editee, Code Editor for ExpressionEngine

November 28th, 2010 in Addon | ExpressionEngine | 20 comments

About the Accessory

Source code editor for Templates, Template Notes, Snippets, Global Variables and Database Query Form textareas using EditArea script giving you results like:

Editee, Code Editor for ExpressionEngine

or

Editee, Code Editor for ExpressionEngine

or

Editee, Code Editor for ExpressionEngine

Installation

1) Download Editee ExpressionEngine Accessory, unzip the package into "/system/expressionengine/third_party/" folder

2) Download EditArea and place the script on server

3) Update the location variable e.g. $location = '/library/scripts/edit_area/' based on where you placed EditArea script

4) Activate Editee Accessory and enjoy colour coded code highlighting

5) (Optional) To change EditArea style to suit ExpressionEngine Control Panel style you'll need to copy "edit_area" folder over where you uploaded the EditArea script

Settings

You will need to configure location of EditArea script e.g. "/scripts/edit_area/".

Plus there are other optional configuration settings if you want to change the default values for EditArea script.

License

Dynamic Select Plugin is licensed under Creative Commons Attribution Share Alike License.

Changelog

1.0.5
Added User Message, Communicate, System Offline and Email Notification Templates textareas
Fixed typo for '$replace_tab_by_spaces', thanks Neil

1.0.4
Added activation options for different areas for EE CP

1.0.3
Added EE theme to the editor

1.0.2
Added defininion option for tabulations and fonts

1.0.1
Added snippets, global variables and database query form textareas

1.0.0
Initial commit

Picture of Cem Meric

email | follow | peak

Cem Meric

Cem runs a creative web design and development studio called Webunder, specialising in ExpressionEngine CMS and he is an active member of the ExpressionEngine forums.

When he's not working, he enjoys being a hero with friends.

 
Picture of Jörg Gudehus

Would be nice but the accessory is showing up for a second when I click update in the settings and then it is never seen again.

Settings and access rights are ok.

Any suggestions.

1 

said Jörg Gudehus about 1 year, 5 months ago

Picture of Cem Meric

Jörg, accessory tab is not meant to be showing at all so that’s normal.

What you should be seeing is the toggle editor checkbox like on pictures in this post. Assuming you have downloaded EditArea and corrected paths?

2 

said Cem Meric about 1 year, 5 months ago

Picture of Neil

Nice Add-On, similar to my version for our internal use. Will use yours now. Other settings you might want to consider: font size, tab size, etc.

Also a heavy overhead to install on all pages regardless. Maybe check to only add JS code on Design pages only? i.e.

if ( $this->EE->input->get(‘C’) == “design” ) {
// add EditAreaStuff
}

3 

said Neil about 1 year, 5 months ago

Picture of Cem Meric

Thanks for the suggestions Neil.

I’ve updated quite a bit.

You can now make it look more like ExpressionEngine CP

4 

said Cem Meric about 1 year, 5 months ago

Picture of Neil EVans

Hi Cem, Looking good, one comment on the template area setup. for your “M” value you might also need the triggers of:

“edit_template”
“update_template”
“create_new_template”

As these come in from different areas of template manager (create and edit straight away, etc).

The tab size variable is just my preference - as i set this to work with my web editor. i can easily add myself. I will have a look at your new theme now. Cheers, N

5 

said Neil EVans about 1 year, 5 months ago

Picture of Neil Evans

Also… side note, the download from github does not place your accessory inside a folder. It needs to be inside one for this to work so i guess at “editee” folder inside third_party. Might need to adjust the Github file structure, N

6 

said Neil Evans about 1 year, 5 months ago

Picture of Cem Meric

Tab size variable and other triggers are now added Neil.

Thanks

7 

said Cem Meric about 1 year, 5 months ago

Picture of Leon Dijk

Hi Cem,

First of all, thanks for this useful accessory, it’s one of my favorites.

I have two quick questions:

1. I’m seeing a gap of 13px at the right side (when editing templates). The iframe that’s being created has a width of 1362px. If I change it with firebug to 1349px, it has the right size. Any idea on how to fix that?

2. It doesn’t work for me with the template notes. Would be nice to disable it for just the template notes.

Thanks again!

8 

said Leon Dijk about 1 year, 5 months ago

Picture of Cem Meric

Thanks Leon,

1. Not sure about cause for the gap. Do you have toggle word wrap on?

2. Disabling for template notes is fairly easy. If you like I can send you a copy.

9 

said Cem Meric about 1 year, 5 months ago

Picture of Leon

Hi Cem, thanks for the quick response!

1. Word wrap is off, but the gap is also visible with word wrap on. I’ve checked with FF, IE8 and Chrome on windows 7 and the gap is in all 3 browsers. Here’s a picture: http://tinypic.com/r/334lwti/7

It’s not a big deal though, if I manage to fix it, I’ll let you know.

2. Looking at the code, I should be able to do that myself, thanks though! It may be a nice option for a possible future version.

Thanks again,
Leon

10 

said Leon about 1 year, 5 months ago

Picture of Cem Meric

No worries Leon,

1. I’m on Win7 as well. That happens on resizing the browser window. If I do fullscreen for EditArea on/off it goes back to normal. Try that and let me know.

2. Accessory is updated, you can now turn on/off all 5 sections individually.

11 

said Cem Meric about 1 year, 5 months ago

Picture of Leon

Thanks Cem!

The option to turn on/off all 5 sections is great!

I’m still seeing the gap, even when I turn fullscreen for EditArea on/off.

No worries, now that I can turn of EditArea for the template notes, it’s perfect!

12 

said Leon about 1 year, 5 months ago

Picture of Neil

Another area you can add!!!
$this->EE->input->get(‘M’) == “user_message”

the flash message template editor for errors and form submit confirmation.

You may consider the email templates too? depends if people use HTML in those.

N

13 

said Neil about 1 year, 5 months ago

Picture of Neil

Me again! typo in your accessory:

replace_tab_by_space: “‘. $this->replace_tab_by_space .’”

should be:

replace_tab_by_spaces: “‘. $this->replace_tab_by_space .’”

missing “s” on the end of space"s”

14 

said Neil about 1 year, 5 months ago

Picture of Michael Simone

Can you provide me with more detailed installations. Those you provide here and in readme files is to say the least very unclear on which files from which program go where and where it is that you need to change the script location.

Able to get Editee to show up in EE CP under Accessories but thats about it and Nothing shows up in Templates

Please Help!!!

15 

said Michael Simone about 1 year, 4 months ago

Picture of Cem Meric

Michael

Can you explain what steps have you taken so far?

16 

said Cem Meric about 1 year, 4 months ago

Picture of Cem Meric

@Neil

Typo is fixed and new sections are added, thanks!

17 

said Cem Meric about 1 year, 4 months ago

Picture of Ryan

4. Open the file acc.editee.php, this is in the Editee file you downloaded and extracted, system/third_party/editee/acc.editee.php. On line 33 you will see the variable which value needs updating. As I installed ‘edit_area’ in the Expression Engine System folder I entered /system2010bms/edit_area/ the path to the folder from the root of my website.

5. Upload the folder ‘editee’ containing the amended file to system/expressionengine/third_party/

18 

said Ryan about 1 year, 4 months ago

Picture of Joe

I’ve had no luck getting this to work either.

The instructions say to download editArea and place the script on the server…but I believe you mean place the ‘edit_area’ folder on the server, and then update line 33 of ‘acc.editee.php’ with that folder location.

I’ve done this, installed the accessory, but nothing shows up in template manager.

Any help?

19 

said Joe about 1 year, 3 months ago

Picture of Cem Meric

Did you also change script include type and/or activation options Joe?

“edit_area” folder that comes with editee accessory needs to be merged with the same folder in EditArea download.

Does that make sense?

20 

said Cem Meric about 1 year, 3 months ago

 

Commenting is not available in this entry.