Copy-pasting image into JavaScript rich-text editor

Question

I'm looking for a rich-text editor control that has some way of allowing users to copy-paste images into it, a la Google Mail. I guess I'm hoping there's some way to communicate the binary contents of an image on the clipboard to the browser (and perhaps store these contents in a hidden element somewhere that I can access). If you can't think of a rich-text editor with this functionality included - can anyone think of a way to accomplish this using JavaScript?

This only needs to be functional on IE5+, but any solutions that might work on IE are welcome.

Any help appreciated - let me know in comments if there's any part of this question which isn't clear.

Thanks,

Dom

troelskn · Accepted Answer · 2009-02-20 11:05:20Z

4

What happens in Google mail, is that when you drag an image into a richtext area, it receives a dragdrop event with the URL of the image. If the image is online, you can have javascript capture this and insert an <img> tag. It won't work if the image is on the users file-system though (For security reasons).

answered Feb 20, 2009 at 11:05

troelskn

118k27 gold badges135 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel X Moore · Accepted Answer · 2011-09-21 08:51:17Z

0

This will work in IE if Chrome Frame is installed: http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/

answered Sep 21, 2011 at 8:51

Daniel X Moore

15.2k17 gold badges83 silver badges94 bronze badges

1 Comment

immayankmodi Over a year ago

Not working in all major browsers like Firefox, Safari. Is there any updates?

Collectives™ on Stack Overflow

Copy-pasting image into JavaScript rich-text editor

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related