WYSIWYG Editor with EE image integration

It seems to have a conflict with Static Page Caching from Firey Tea & Solspace. I am getting a an error when I click the Image button:

“Error Message

Unable to load the following extension file:

ext.static_page_caching_extension.php “

Fiery Tea Extension has a secondary location for its own extensions so Im not sure if is something about a routine (the Check for Structure?) ? Let me know if I can help.

Is there any way to add a span with a class? I’m trying to use sIFR, but need to wrap the headline elements with a span to get around the float clearing problem.

If I could either add a choice to the heading dropdown that marked up subhead (preferable) or a button to add a span to an already marked-up header, it’d make my life much easier.

Thanks!

@eyevariety: Thanks for bringing this to light. I have to confess that I’m not familiar with the Static Page Caching extension. I will install it on a local set up and see if I can track down the conflict. I’ll keep you posted and may well accept your offer of help 😊

@ContextDesign: At the moment the heading drop down only contains block level elements; these are defined in an array call blockLevelOptions near the top of the epEditor.js file.

I’ve no idea if it will work, but you could try adding a span to this list.

e.g.

blockLevelOptions[7] = new Array;
blockLevelOptions[7][0] = "<span>";
blockLevelOptions[7][1] = "Span";

Let me know how you get on. If it works we could add this into the next release.

Many thanks, Malcolm

@Malcolm

I’d already tried that, and various permutations. Doesn’t work. The new choice will show up, but doesn’t actually do anything.

Tried mucking about with your ‘add an hr button’ example to add a span, as well, but couldn’t get any results with that, either.

If anybody’s got any ideas… ; )

epEditor seems the break both SL Google Map and MD Character Count - something to do with the way it includes the javascript. I think this editor has some great potential, but I need both of these features running. Would it be possible to change how epEditor includes the js?

Hey i really like this editor — the integration with Structure is pretty creative and frankly, badass.

Having one problem though: The image placement functionality doesn’t work for me. I see a broken image link in the preview, and it doesn’t place into the editor at all. Thoughts?

Screenshot attached.

EDIT: On further inspection, it looks like the image path is using the server path rather than the URL of my image upload directory. These are not the same in our dev environment. For example, the server path is:

/safe_space/www/domain.com/images/uploads/

While the url is (using a domain mask to access our server):

http://someotherdomain.com/domain.com/images/uploads/

Sorry for the silence, we’ve been neck deep in client work.

@ContextDesign: Sorry you’re still having problems. When times allows we’ll take a look at this. @eyevariety mentioned a conflict with another extension so we will need to look further and try to get the editor to play a little more nicely.

@Jack McDade: We’ll look at this too. Could you take a look at the source of the Image Manager window and paste what it thinks the path to your images should be?

Thanks, Malcolm

Could you take a look at the source of the Image Manager window and paste what it thinks the path to your images should be?

It’s “domain.com/images/uploads/” which isn’t the whole url – it’s actually “anotherdomain.com/domain.com/images/uploads. Are you guys just doing string match or something to get the url?

I think it would be pretty crucial to allow the editing of the control panel’s display css, the way TinyMCE does. A simple link to an admin.css (or similar) file that can be styled based on the site’s styles. Not everyone would be comfortable going into the .js file to edit the css – you need to account for line endings, escapes, etc…

The image placement functionality doesn’t work for me. I see a broken image link in the preview, and it doesn’t place into the editor at all. Thoughts?

Having the same issue. Hope this is resolved asap.

@Tactile Design Group: Sorry you’re having problems. This is a known issue and will be resolved in our next release which will (hopefully) be available by the end of August. Sorry about the wait; we would love to have it available sooner but our time is currently committed to client work.

@Jack McDade: I can see this would be a nice feature but the central idea of the epEditor has always been ‘keep it simple’. We wanted to have only the most crucial formatting options and keep preferences to essentials only.

We placed the editor content CSS inside the main JS file rather then linking to an external CSS file as we found a bug in Firefox which meant you could not focus inside the iFrame if the editor was empty.

You can add custom classes via the module control panel and if a user really wants to change the look of the editor content it’s a fairly simple process to amend the main JS file.

Hi Malcolm - great plugin, we can’t find anything else comparable. However, since we’re using it in Multi Site Manager websites, the subdomains are all different… was there ever a solution to the below scenario? We’re experiencing the same issue - blank screens on new windows when adding Links or Images. I had to hard code the $editor_url to our default site URL for EP Editor’s wysiwyg menu to even appear, but I’m stumped on how to fix this part of it… any advice is greatly appreciated! Thanks, Randy

@Dave_H: Please ignore the previous post. I think I’ve cracked it. To pass values using JavaScript between windows they have to be in the same domain. The new windows launched by the editor always start with the $PREFS->ini(‘site_url’), so if this is set to www.yoursite.com but you log into the CP using just yoursite.com/system (i.e. no www), when you try and add a link or an image the new window will be in a different domain and so will not be able to communicate with its parent. Could you try and log into the CP using the URL as it is specified in your $PREFS->ini(‘site_url’) and see if it works? Using this process we have been able to exactly recreate the symptoms you describe. If this solves your problem we can amend the ep_editor extension to check for the current location and pass this value to the JavaScript to ensure all new windows are created in the same domain as their parent. Many thanks, Malcolm

Is there anyway for the HTML view to actually format the code in some usable way? It’s all just a big messy string of code…

@rho: I’m afraid I don’t have any experience of using the Multi-site manager.

As a starting point I wonder if you could view the source of the CP edit screen and cut and paste the epEditor settings block. It’s placed just before the closing head tag.

We are looking for the ep_script_path var, this should be an absolute path to the editor_files directory within the module.

If you could also send over what it should be, sub-domain and all.

@Jack McDade This is a known issue. IE does a nice job of putting each block level element on a new line but in all other browsers you just get a long, un-broken string. It’s on our to-do list but realistically it won’t be part of the next release. Sorry.