Provide ability to paste/insert images from clipboard/local drive directly into RadEditor

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 07 Jun 2016 07:34 by ADMIN

ADMIN

Rumen

Created on: 11 Dec 2012 09:23

Category: Editor

Type: Feature Request

Provide ability to paste/insert images from clipboard/local drive directly into RadEditor

Take a look at www.pasteboard.co/. It works fine in all major browsers except for IE.

Image content is inserted right in the image tag like: <IMG SRC="data:image/png;base64,...">, and that's exactly what we need. We don't even need the pasted images to be uploaded to the server side.

It seems www.pasteboard.co/ doesn't rely on the canvas element. You can remove it, and everything will work fine. Please see http://screencast.com/t/8IHQfHvq0e.

Also please see www.snag.gy. It doesn't contain a canvas, but still works well.

You can also take a look at strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome. It doesn't look great because it works in Chrome only. But still it works in Chrome.

8 comments

ADMIN

Rumen

Posted on: 07 Jun 2016 07:34

Related to: http://feedback.telerik.com/Project/108/Feedback/Details/166815-provide-ability-to-insert-local-images-into-radeditor-without-reference-to-server

ADMIN

Rumen

Posted on: 14 Apr 2015 13:30

Hi guys,

@Clyde, the conversion of base 64 string to a physical file is indeed a very useful feature. We haven't researched it and I would like to ask you to log it as a new feature request.

@Andy: The issue in IE11 was fixed in Q3 2013 (version 2013.3.1015):
Fixed: Paste related issues in IE11.

Let me add some additional notes on the subject:

The copy and paste images from the local drive functionality cannot be implemented for the time being, because images do not appear in the clip board, when they are copied directly from the local drive. The only exception is Firefox, where this feature is built-in. 

What is currently possible is to copy and paste images from MS Word as well as screenshots taken after pressing the Print Screen button on the keyboard and pressing Ctrl+V. Both operations are supported by Internet Explorer 11, Firefox and Chrome.

We will continue to follow the trends in the browsers' API and if possible we will deliver the highly anticipated feature to copy and paste images from local drives.

Najid Hanif

Posted on: 09 Apr 2015 13:57

Wow this is really cool! What version was this included in? I don't see it listed in any recent release history.

Clyde

Posted on: 09 Apr 2015 13:45

I'd be interested to see if the content of the image being pasted could actually be converted back into a file and stored server side. Much like you do in the TeamPulse editor. If I paste something in there, TeamPulse automatically converts it to a file and img tag instead of the embedded base 64 string. This is a better option for when the editor is being used to create emails.

ADMIN

Rumen

Posted on: 09 Apr 2015 13:31

Hi there,

I want to give an update that you can copy an image from MS Word and paste it in the content area of RadEditor in the latest versions of Internet Explorer, Firefox and Chrome. 

For your convenience I recorded a video demonstrating the copy/paste operations: http://screencast.com/t/HMkHObEFa

ADMIN

Rumen

Posted on: 01 Sep 2014 07:12

Hi guys,

This "Copy and Paste from hard drive image feature" is logged for implementation for the Q3 2014 release. After detailed research, however, it appeared that only Firefox actually offers the ability to copy/paste an image from the hard drive directly in editable content editable HTML elements such as the content area of RadEditor. The methods used by the sites listed above are not fully cross browser, require third party plugins such as Flash or Java Applets to perform the image conversion to base 64 string, which of course is undesirable and will make the editor slower. These third party technologies are also forbidden by the corporate networks. 

That's why we decided to postpone the implementation of the copy and paste from hard drive feature until the browser vendors enable it out-of-the box.

Best regards,
Rumen

Olexandr

Posted on: 11 Dec 2012 13:13

Well, it looks like a silly bug. All URLs are replaced by http://pasteboard.co/

Olexandr

Posted on: 11 Dec 2012 12:40

The description has badly copied excerpts. Here are the right URLs.

It seems http://pasteboard.co/ doesn't rely on the canvas element. You can remove it, and everything will work fine. Please see http://screencast.com/t/8IHQfHvq0e.

Also please see http://snag.gy/. It doesn't contain a canvas, but still works well.

You can also take a look at http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/. It doesn't look great because it works in Chrome only. But still it works in Chrome.