has anyone stumbled upon image editor done either in pure JS, or jQuery - that kind like CKEditor has?

I'm looking for piece of code, that adds handles to image, so you can resize it, or even drag image around, as you wish.

Thank you.

Edit: rephrased.

has anyone stumbled upon image editor done either in pure JS, or jQuery - that kind like CKEditor has?

I'm looking for piece of code, that adds handles to image, so you can resize it, or even drag image around, as you wish.

Thank you.

Edit: rephrased.

• javascript
• jquery
• image-processing
• image-manipulation

4 Answers 4

Here is wonderful image crop/resize JQuery plugin http://www.cropzoom.com.ar/

Yes there are numerous online. Find here. jCrop is exceptional and awesome.

The way editors such as tinyMCE and CKEditor do it is like this

<div contenteditable="true" id="div1">
    <img src="tache17.jpg" />
</div>
<a href="javascript:alert(document.getElementById('div1').innerHTML)">gimme html</a>

It's a browser thing not a JS thing. Of course placing the image in the div and making the div contentEditable is done with JS but the resizing handles you are talking about are generated by the browser.
Note I haven't tested this in anything other than firefox

if you are looking for croopzoom and the website don't work? look at github -> https://github.com/cropzoom/cropzoom