JS/jQuery Image Editor

Question

Hello,

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.

Answer 1

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

Answer 2

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

Answer 3

Although none of answers answered my question meouw pointed me the right direction (sort of), so he gets up-vote, and I'll give myself the right answer.

Edit: Hint: I'll generate divs (or spans for that matter) that will act as handles - this way, i have complete control over resizing of image.