X-editable

While WYSIWYG editors are useful in some cases, most times they're over-bloated for the purposes they address.

X-editable allows text on a page to be edited without loaded that large JavaScript file responsible for the WYSIWYG editing functionality.

X-editable allows any text to be edited inline (in-place) via simple AJAX calls and the use of simple "Save/Cancel" buttons. Additionally, the editing interface can also be shown inside a tooltip floating next to the text as well.

The plugin comes in three versions: one which works with the Bootstrap frontend framework, one that works with jQuery UI, and one that works with jQuery alone.

Demos for all versions, along with documentation is included in the download package.

X-editable is also available for AngularJS applications as the Angular-xeditable directive.

What is new in this release:

• Submit single field
• Select2: placeholder not shown if value initially empty
• Allow `validate` to change submitted value, also fixed
• bs3 popover: placement `auto`
• Select2: tags mode with space separator
• dateui: clear button does not submit

What is new in version 1.5.0:

• Added Twitter typeahead.js.

What is new in version 1.4.4:

• Added class editable-popup to have diferent css for popup and inline
• Updated to bootstrap-datepicker 1.0.2
• Updated to combodate 1.0.3 with yearDescending and roundTime options
• Added 'use strict' directive
• Allow pk=0
• Move datepicker icon to center of button
• Upgrade to select2 3.3.2
• Update to bootstrap 2.3.1

What is new in version 1.4.3:

• Hotfix for jQuery UI 1.9+.

What is new in version 1.4.1:

• New option `selector` to work with delegated targets
• New option `unsavedclass` to set css class when value was not sent to server
• New option `emptyclass` to set css class when element is empty
• Select2 input
• Typeahead input
• Select: support of OPTGROUP via `children` key in source
• Checklist: set checked via prop instead of attr

What is new in version 1.4.0:

• Added new input type: combodate.
• Allow arrays for data attributes.
• setValue method updates input if form is open.
• Select: change source via option method.
• Select: source loaded twice if sourceCache = false.
• Added `destroy` method.
• Textarea: added `rows` property.
• Added wysihtml5 input.
• Added IOS-style clear button for text inputs.
• Date inputs changed in inline mode.

What is new in version 1.2.0:

• New option: 'display' callback. Makes far more flexible rendering value into element's text.
• Fixed typos.
• All callbacks scope changed to element.
• New option: 'savenochange' to save or cancel value when it was not changed in form.
• Composite pk can be defined as JSON in data-pk attribute.

What is new in version 1.1.1:

• Object can be passed in 'option' method to set several options at once.
• Toggle editable by 'dblclick' and 'mouseenter'.
• Added 'inputs-ext' directory with sample input 'address'. They will not be concatenated to main files.
• 'onblur' option: to cancel, submit or ignore when user clicks outside the form.
• 'ajaxOptions' parameter for advanced ajax configuration.
• 'success' callback can return object to overwrite submitted value.

What is new in version 1.1.0:

• 'Clear' button added in date and dateui
• Form template changed: added DIV.editable-input, DIV.editable.buttons and $.fn.editableform.buttons
• New input type: checklist
• Updated docs: inputs dropdown menu, global templates section

Requirements:

nothing found