"Editing" custom text "on the fly"?

Question

I would like to implement something like vBullettin (or stackoverflow). When the user clicks “edit,” the HTML text is converted to plain text in <textarea></textarea> , ready for editing.

How would you apply something like this? Note. I can use jQuery.

I would like to especially know the authentication part (if users click "edit" on soemone else comments, there is a warning)

thanks

Answer 1

Check out this jQuery plugin for inline editing

http://www.appelsiini.net/projects/jeditable

Answer 2

How to use the built-in contentEditable property? I think this is a little cleaner than having to disable text for an input element. It is supported on IE6 / 7/8, Firefox, Safari, Chrome, and Opera.

JQuery example: http://valums.com/files/2009/editableText/demo/demo.htm