2.4.0.2 drag and drop images in editor

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
1/25/2014 4:16:59 PM
Gravatar
Total Posts 537
feet planted firmly on the ground

2.4.0.2 drag and drop images in editor

Hi Joe

I've just upgraded a site to 2402, hoping that dragging and dropping images into the HTML editors will make things easier for some of my users, only to find it doesn't work for me.

I've tested in Chrome and IE11 on Windows 8.1. In the former, the cursor changes to +Copy in the drop zone and I end up with a duff hyperlink to a local file:///... in the editor at the drop location.

In IE11 the cursor changes to +Move and the image opens in the browser, taking me away from the editing page.

Is there something I need to configure to make this work? Perhaps I'm suffering from old cached javascript, but I've tried every refresh technique possible.

Incidentally I cannot drag an image into this post either, but I can drop one into an HTML feature on the demo site (using IE11).

(note in passing - this is a great new feature, but it would be really nice if it showed some indicator that something is happening after the drop... as it is, there's no indication anything is happening, you can carry on typing etc, then suddenly the image appears at the current cursor location. It's fine with tiny images, but with larger ones users will think it hasn't worked, so try to drag it in again, and in my testing on the demo site it has been possible to drag the same image in multiple times concurrently).

 

1/26/2014 11:36:53 AM
Gravatar
Total Posts 18439

Re: 2.4.0.2 drag and drop images in editor

"(note in passing - this is a great new feature, but it would be really nice if it showed some indicator that something is happening after the drop... as it is, there's no indication anything is happening, you can carry on typing etc, then suddenly the image appears at the current cursor location. It's fine with tiny images, but with larger ones users will think it hasn't worked, so try to drag it in again, and in my testing on the demo site it has been possible to drag the same image in multiple times concurrently)."

I acknowledge it is definitely a "your mileage may vary" improvement that probably only works best with super fast upload speeds. We will improve it over time as we figure out how to improve it, but if it doesn't work well then we still have the dialog to upload images with progress. For CKeditor, while we currently use a custom plugin, they are planning native support fro dropping images in version 4.4 of CKeditor.
I assume we will still have to provide the upload service page but perhaps they will provide a way to indicate progress during the uploads.

"I've just upgraded a site to 2402, hoping that dragging and dropping images into the HTML editors will make things easier for some of my users, only to find it doesn't work for me.
I've tested in Chrome and IE11 on Windows 8.1. In the former, the cursor changes to +Copy in the drop zone and I end up with a duff hyperlink to a local file:///... in the editor at the drop location.
In IE11 the cursor changes to +Move and the image opens in the browser, taking me away from the editing page."

Those are default browser behaviors that indicate our plugin has not hooked into the drop event. If that behavior happens consistently then it is probably not configured correctly, if it happens sometimes but other times it works then it may be a "your mileage may vary" thing. Though even when we do manage to hook into the drop event, we aren't doing anything to show the drag icons that is just web browser functionality.

"Is there something I need to configure to make this work? Perhaps I'm suffering from old cached javascript, but I've tried every refresh technique possible."

View the source and make sure it is loading the version of the editor that shipped with this mojo release, ie ckeditor432. Also check your user.config for any other custom settings you may have related to CKeditor, like if you are not using our default config file then you are missing the plugin which is added from /ClientScript/ckeditor-mojoconfig.js 

"Incidentally I cannot drag an image into this post either, but I can drop one into an HTML feature on the demo site (using IE11)."

Right, you don't see an image toolbar in the forums either unless you are an admin and it is working correctly on the demo site.

Hope that helps,

Joe

 

1/26/2014 12:19:34 PM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: 2.4.0.2 drag and drop images in editor

Thanks Joe - I was needing to add mojofiledrop to the config.extraPlugins setting in a custom CKEditor config file. After adding that it works fine on my site.

Thanks for the information about current design and future directions.

For now I think this is a useful addition, and will work well for some. Fibre is supposed to come to my rural area of mid Wales within a year...!

I noticed that all dropped images go into sites\N\media. I think a valuable enhancement would be to have a config setting on the HTML feature that could override this with a preferred folder for dropped files associated with that content (e.g. sites\N\media\blog). Otherwise we will get an unmanageable pile of stuff in \media.

You must sign in to post in the forums. This thread is closed to new posts.