Pasting Images in IE10+

[Dan]

Hello,

Why can I paste images when running yours demo (http://demos.telerik.com/kendo-ui/editor/index) but I am not able to paste images in my own application using IE 10 or 11.  What do I need to do to support pasting images in IE. 

Note that I am able to paste images in FF and Chrome.

Thanks, Dan

[Ianko]

Hi Dan,

I suggest you to check if the IE compatibility mode is enabled. With the compatibility mode enabled, the browser might have different features supported regarding pasting of images in editable containers. 

Pasting in the editor is handled entirely by the browser when it comes to images copied from HTML documents or base64 data stream from the clipboard.  

If the images are pasted from an MS Word file, again, they are pasted with a data:base64 string. This should work out-of -the-box and there is nothing to configure in order to be supported. Note that this feature should be also supported by the browser. 

If, however, the scenario is with pasting an image file directly into the content area, this is a matter that entirely dependents on the browser. You can find a possible solution in this SO thread—http://stackoverflow.com/questions/13698109/how-can-i-paste-an-image-from-the-clipboard-to-kendo-ui-editor.

Also, you can try replicating your configuration in this Dojo (http://dojo.telerik.com/ELEgo) and see if you are able to reproduce the same behavior. 

Regards,
Ianko
Telerik

 

 

[Dan]

Thanks Ianko for your reply.

I have read on a number of posts that EI does not support pasting of images but why does it work on your site? Running IE 10 or 11, in one tab I have my application running Kendo Editor that I am not able to paste a images but on the same browser instance in another tab running your demo site (http://demos.telerik.com/kendo-ui/editor/index) I am able to paste that same image.

Why?  What am I missing?

Note that I can paste images on my application using Kendo Editor when I am running FF or Chrome.

Thanks again, Dan

[Ianko]

Hello Dan,

IE10 and 11 support pasting of images, however, this entirely depends from where the image is copied. The source of the image is important for this case.

Also, as I mentioned, check whether the IE gets into compatibility mode when running the application built. 

If you want to test this without any editor on the page, with plain HTML elements paste into a content editable div and see what the results are:

<div contenteditable="true" style="border:1px solid red; width:500px; height:400px;">
    Paste here
</div>

As for the demo, all the code that is relevant for the widget is available there and there is nothing more that enables or disabled image pasting.

Regards,
Ianko
Telerik