Rocksvern-x-editable NPM

X-editable

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.

About this fork

This fork only try to fix the issue with select2 and bootstrap-table (https://github.com/wenzhixin/bootstrap-table).

Live Demo

Visit X-editable demo to see all controls in action.

Installation

Manual download

Use links on X-editable home page.

Bower

bower install x-editable

CDN

Bootstrap 3 build:

<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>

Bootstrap 2 build:

<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap-editable/js/bootstrap-editable.min.js"></script>

jQuery UI build:

<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/css/jqueryui-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/js/jqueryui-editable.min.js"></script>

jQuery only build:

<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/css/jquery-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jquery-editable/js/jquery-editable-poshytip.min.js"></script>

Getting Started

How to start using X-editable is described on X-editable website.

Documentation

Documentation on all available widgets and code samples can be found on X-editable website.

Issue Tracker

Feel free to open issues. Please include working code sample in issue body. To save the time use these jsFiddle templates: 1. jsFiddle Bootstrap 3
2. jsFiddle Bootstrap 2
3. jsFiddle jQuery-ui
4. jsFiddle jQuery
Your feedback is very appreciated!