WYSIWYG Editor with EE image integration

If mmjaeger.com is your website then this is your root folder. If you’ve got your site in a sub-directory of this your root is the same but your URL will be something like mmjaeger.com/my-site/.

If this is the case then your script path should be /my-site/scripts/epeditor/

If this doesn’t work I’m all out of ideas. It’s a path issue but without seeing how you’re set up there’s not much I can do.

If mmjaeger.com is your website then this is your root folder. If you’ve got your site in a sub-directory of this your root is the same but your URL will be something like mmjaeger.com/my-site/. If this is the case then your script path should be /my-site/scripts/epeditor/ If this doesn’t work I’m all out of ideas. It’s a path issue but without seeing how you’re set up there’s not much I can do.

finally got it - thanks again for your help and sorry for being such a pain - this seems to be the correct path: /sites/mmjaeger.com/scripts/epEditor/ - the editor now shows up in the newly created field.

Do I just need to set an existing field to the editor field without loosing any data?

Great extension!

Looking forward to using it more.

Do I just need to set an existing field to the editor field without loosing any data?

Yep:

• Go into Custom Weblog Fields • Select your Field Group • Select the field you want to change, and then select ‘EPEDITOR’ from the ‘Field Type’ drop down

When you then edit your weblog entries your content will be loaded into the editor.

I have installed the epEditor in ee 1.6.7 and am having trouble with the Images and Link button. The popup window opens but it is blank. So, I cannot create links or add images to my content area.

I have tried in ie 7.0.76 and firefox 3.0.8

I also do not have ee installed at the root and have modifed the script path for this. my path looks like: /pcs/backend/scripts/epEditor/ in the extensions settings.

Is there something else I’m missing? I would really like my cms admins to be able to use a wysiwyg editor since they do not know html markup.

thanks, Lisa B.

Hi Lisa,

There seems to be an issue with the image manager when EE isn’t installed in the root directory. We’re working on a fix for the next release but in the mean time you should be able to get it working by editing epEditor.image.php.

Change line 12 from:

require $_SERVER["DOCUMENT_ROOT"].'/path'.EXT;

to

require $_SERVER["DOCUMENT_ROOT"].'/path-from-root-to-ee/path'.EXT;

And then change line 20:

define('CONFIG_FILE',    $_SERVER["DOCUMENT_ROOT"].'/'.$system_folder.'/config'.EXT);

to

define('CONFIG_FILE',    $_SERVER["DOCUMENT_ROOT"].'/path-from-root-to-ee/'.$system_folder.'/config'.EXT);

Best wishes,

Malcolm

We’ve just released version 1.0.4 of the epEditor. You can download if from: http://www.electricputty.co.uk/epeditor/?p=65

Along with some bug fixes the major improvement is the ability to upload images into your EE upload directories via the editor. Not all of EE’s image tools are supported yet, you can’t resize images or rename them, but we feel this is a big leap forward in terms of workflow.

We’d love to hear how you get on so please leave comments on the blog.

Thanks,

Malcolm

I just tried to install 1.04 and the module won’t install. I get this error: “Unable to locate the files needed to install this module”

I did set the path in the extension, but that doesn’t help. Permissions are 755 for folders.

I’m using the latest EE 1.6.7 Build: 20090320 and PHP 5.2.6.

Hi smartpill,

I have to confess that I’ve never encountered the issue you describe. I did some looking around and found another post which sounds like the same thing:

http://ellislab.com/forums/viewthread/44035/

Hopefully this will help you get things fixed.

Best wishes,

Malcolm

Hi smartpill, I have to confess that I’ve never encountered the issue you describe. I did some looking around and found another post which sounds like the same thing: http://ellislab.com/forums/viewthread/44035/ Hopefully this will help you get things fixed. Best wishes, Malcolm

Hmmm. There’s only one file in the “module” folder (mod.ep_editor.php), should there be a “mcp.ep_editor.php” file?

First of all, great extension. I’ve installed it with ease in no time and made a quick test. So far it’s perfect.

Is there any possibility to support tables?

Hello

does anybody know where to add custom CSS classes to the editor?

Thank you in advance for your input

Hmmm. There’s only one file in the “module” folder (mod.ep_editor.php), should there be a “mcp.ep_editor.php” file?

OK, I hadn’t understood before; I think my installation instruction will need updating as I can see there is some confusion around the files.

Although the epEditor contains a module file(mod.ep_editor.php), it’s an extension not a module and so the module part doesn’t need installing. When you instal the extension is creates records in the exp_actions table which are calls to methods within the mod.ep_editor.php file. Using this method we have been able to utilise EE’s core features from outside the CP.

I hope this solves your problem and sorry for the confusion. New installation instructions coming soon.

Hello does anybody know where to add custom CSS classes to the editor? Thank you in advance for your input

To add custom classes you have to open epEditor.js and find the array called classNames, simple add your new classes to this, e.g:

var classNames = new Array;
classNames[0] = "None";
classNames[1] = "leader";
classNames[2] = "more";
classNames[3] = "justify";
classNames[4] = "floatright";

So that you can see the effect of these classes in the editor you will need to add the css definitions for these to the epEditorStylesheet string, e.g:

body.epEditorContent .more {\
  color: purple !important;\
  font-weight: bold;\
 }\
  body.epEditorContent .justify {\
  text-align: justify;\
 }\
 body.epEditorContent .floatright {\
 float:right;\
width: 50%;\
padding: 10px;\
 }\
 ";

Then add similar css definitions to your website’s css file so that when your pages are published the classes will be rendered there.

Sorry this is such a clunky process, it’s something we’re going to improve soon.