What's the best edit-in-place plugin for jQuery?

Question

Hi,

I need an edit-in-place plugin for jQuery but there are quite some around. I've been testing jeditable (http://www.appelsiini.net/projects/jeditable) but it lacks some basic options (like hover effect). I also found JEIP (http://josephscott.org/code/javascript/jquery-edit-in-place/) which has recently been developed but comes with much more settings.

Which plugin do you prefer for edit-in-place functionality?

Answer 1

I've been using Editable in testing. We haven't rolled live with it, but it does what we need so far.

edit: thank you for pointing out the new link, adding it to the answer

the correct link is Editable Corrected

Answer 2

I am testing http://code.google.com/p/jquery-in-place-editor/

Looks simple, and i like the hoover effect.

Answer 3

Still playing with this, but so far so good: http://valums.com/edit-in-place/

Answer 4

Jeditable is pretty flexible. You specify whether you want a input, text area, or select list as the edit control.

Answer 5

Main negative with most of these is they seem to post directly to the server when you change a single field. Are there any that let you send up the entire page of fields at once or do you have to hack them to save to hidden fields?

Answer 6

I say ..jquery-in-place-editor (http://code.google.com/p/jquery-in-place-editor/).it is easy to code and flexible

Answer 7

sorry, jquery-in-place-editor is not that flexible. its a good start but using it with rails (i guess with other languages/frameworks to) is a pain.

you can't change the request type (its always POST). you cant dynamicly change the params (you can specify a string but only on initialisation NOT when you submitting the form)

i had to modify it a lot to do sth like:

$(".component_header span").each(function(){
        var $that = $(this)
        $that.editInPlace({
            url: "/components/"+this.id.split("_")[1]+".js",       
            params: function () {
                var value = $that.find('.inplace_field').val()
                return {"component": { name: value }, authenticity_token: FORM_TOKEN }
            },
            type: "PUT"
        });
    })

i'am almost happy with that, but there are some other issues (error handling) i will work on that before i put my app to public.

unfortunatly the code is on google code, so couldn't fork it...