Drag and Drop Images from Firefox to Microsoft Powerpoint

Question

I am trying to create a web page that allows users to drag and drop images into Microsoft Office applications, in particular Powerpoint.

By default (with FF3.5), Firefox will insert the original URL when the image is deleted, not the image. After adding the following Javascript / jQuery code (obtained from https://developer.mozilla.org/En/DragDrop/Drag_Operations ),

$('img').attr('draggable', true).bind('dragstart', function (event) { event.originalEvent.dataTransfer.effectAllowed = 'copy'; }); 

drag and drop from Firefox to Word and Excel, but not to PowerPoint. For an example of what is happening, see http://slides.html5rocks.com/#drag-and-drop . I tested this with FF3.6 and FF9.

How can I make it work with PowerPoint?

Answer 1

Status quo

Unfortunately, you can’t do anything in your browser and in the app to enable Drop Power support.

This is what should be supported at the initial level in PowerPoint (and it looks like if you do not drop the image on an existing element, but directly outside the slide frame on which you want to outline it, but, probably, depending on the version).

If it (for some reason, as before) does not support part of the image, but only the link (and if there is no option to change this behavior), then little can be done but to hope that Microsoft will update PowerPoint using this support in in the future - or - if necessary, check the following working options:

Add-ons

You can look into the add-in (or maybe just use a macro), you may need lower security for the environment [PDF] for macros) for PowerPoint, which will take the link that will be deleted and replace it with the image that the link refers to.

Here is one place to get you started building add-ons if this is a viable option .

Here is a commercial structure that makes creating add-ons very easy .

(disclaimer in this regard: here I assume that this is possible thanks to add-ons such as this that will allow you to display a live web page inside PP).

Pipeline / Workflow

There is also the option to inject third-party applications into the pipeline to take screenshots of the image and automatically insert them into PP.

SnagIt is such an application (and maybe there are others) and it has free extensions that allow you to integrate snags directly with PowerPoint .

Or (perhaps too obvious): just copy the image in your browser and paste it into PowerPoint.

Answer 2

What is your version of Powerpoint? This is very important because image format support may not be available. If in this case, your code needs to add a warning about the minimum version. You can also request the conversion of the image to a suitable format.

Perhaps even if the Powerpoint version is not used to support this the way you want.

You can try using the html code.

This code can help you: http://classroomtech.org.uk/2008/08/drag-and-drop-in-powerpoint/

Other options are an OLE object with a link to an image.

You can check how other Microsoft applications that do something similar handle things.

If this does not work, you can try to create an OLE object with a link to the image in it.

Answer 3

Just drag the ppt over the edge of the slide (to make sure that you do not drop the predefined text field) - and release the mouse button - no coding is required!

Drag and Drop Firefox drops the image in the center of the te ppt slide.