X-editable – In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

X-editable is awesome bootstrap plugin for inline editing, I have crazy about that how its easy to use and implement with server. This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

X-editable

Also checkout other related tutorials,

Why editable?

  • Easy Development : No special FORM markup
  • Minimize screens in your application
  • You can easy add / remove fields
  • Simple backend script for data update

There are following features available in X-editable:

There are several input types supported by library. Each type may have additional configuration options.
Input options are defined as well as other parameters of $().editable() method.
Currently supported:

  • popup and inline modes
  • supported inputs:
    • text
    • textarea
    • select
    • date
    • datetime
    • dateui
    • combodate
    • html5types
    • checklist
    • wysihtml5
    • typeahead
    • typeaheadjs
    • select2
  • client-side and server-side validation
  • customizible container placement
  • toggle by click, dblclick or manually
  • keyboard support (escape/enter/tab)
  • works in IE7+ and all modern browsers
  • unit tested
  • live events