A piece of text which is edited inline by an <input type="text">. The eeip.css stylesheet contains styles to make the input look exactly like the rendered text.
Notice how the cursor is positioned at exactly the right spot? Use 'view source' on this page to see how little scripting this requires. Basic instructions: surround the readonly part with an <a></a> pair, and surround the widget with a span with the same name with "_widget" appended.
The same, but this time using a text area. Caret positioning still works.
Custom widgets will work too!!