howto insert an image from client side into an editor?

Question

like an "insert" menu,by which to insert an image into the editor,

using javascript,I've no idea what's the solution at all,

should be in 2 steps:

1.let user choose image(this should be doable by a "input type=file") 2.insert the chosen image into editing context(don't know how to implement)

Answer 1

You won't be able to achieve this without uploading the image to your server, since the only reference you can have inside the text area is to a public website (i.e. not the users hard drive).

I'd recommend checking IMCE; that's what I use.

It allows the user to upload images. Together with a nice WYGIWYS editor such as TinyMCE it works like a charm.