X-editable

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

Project status

Unfortunately, project is currently frozen, as I don't have enough time for it.
You could try use it as is, but there may be some bugs with newer versions of dependend libraries (e.g. bootstrap).
I would really appreciate if someone take care of it.. See #610.
Vitalets.

Live demo

http://vitalets.github.io/x-editable/demo.html

Documentation

http://vitalets.github.io/x-editable

How to get it

$3

Use http://vitalets.github.io/x-editable main page.

$3

```


bower install x-editable


$3

Bootstrap 3 build:

js

Bootstrap 2 build:``js``

jQuery UI build:``js``

jQuery only build:``js``

`Reporting issues`


Please provide jsFiddle when creating issues!   
It's really saves much time. Use these as template:   
1. jsFiddle Bootstrap 3  
2. jsFiddle Bootstrap 2  
3. jsFiddle jQuery-ui  
4. jsFiddle jQuery    
Your feedback is very appreciated!
Contribution

A few steps how to start contributing.  
Assuming you have Node.js already installed.

1.Fork X-editable on github and clone it to your local mashine:``git clone https://github.com//x-editable.git -b dev``2.Install grunt-cli globally (if not yet):``npm i -g grunt-cli``3.Install dependencies:``cd x-editable npm i``4.Make your changes:``vim editable-form.js``5.Write some tests for your changes:``vim /test/unit/*.js``6.Run tests in cli:``grunt test``or directly in browser:``grunt server``and open http://127.0.0.1:8000/test By default test run on bootstrap 3 popup version, but you can test any other build:

* bootstrap 3 * popup: http://127.0.0.1:8000/test/?f=bootstrap3&c=popup * inline: http://127.0.0.1:8000/test/?f=bootstrap3&c=inline * bootstrap 2 * popup: http://127.0.0.1:8000/test/?f=bootstrap2&c=popup * inline: http://127.0.0.1:8000/test/?f=bootstrap2&c=inline * jquery-ui * popup: http://127.0.0.1:8000/test/?f=jqueryui&c=popup * inline: http://127.0.0.1:8000/test/?f=jqueryui&c=inline * jquery + poshytip * popup: http://127.0.0.1:8000/test/?f=plain&c=popup * inline: http://127.0.0.1:8000/test/?f=plain&c=inline

7.Commit and push back on github:``git add . git commit -m'refactor editable form, fix #123' git push origin``8.Make pull request on github (todevbranch). Thanks for your support!

`$3`


To build x-editable locally please run:


grunt build


Result will appear in

dist` directory.

License

Reporting issues

Please provide jsFiddle when creating issues!
It's really saves much time. Use these as template:
1. jsFiddle Bootstrap 3
2. jsFiddle Bootstrap 2
3. jsFiddle jQuery-ui
4. jsFiddle jQuery
Your feedback is very appreciated!

Contribution

A few steps how to start contributing.
Assuming you have Node.js already installed.

1.Fork X-editable on github and clone it to your local mashine:


git clone https://github.com//x-editable.git -b dev


2.Install grunt-cli globally (if not yet):


npm i -g grunt-cli


3.Install dependencies:


cd x-editable
npm i


4.Make your changes:


vim editable-form.js


5.Write some tests for your changes:


vim /test/unit/*.js


6.Run tests in cli:


grunt test


or directly in browser:


grunt server


and open http://127.0.0.1:8000/test  
By default test run on bootstrap 3 popup version, but you can test any other build:

* bootstrap 3
  * popup: http://127.0.0.1:8000/test/?f=bootstrap3&c=popup  
  * inline: http://127.0.0.1:8000/test/?f=bootstrap3&c=inline  
* bootstrap 2
  * popup: http://127.0.0.1:8000/test/?f=bootstrap2&c=popup 
  * inline: http://127.0.0.1:8000/test/?f=bootstrap2&c=inline
* jquery-ui
  * popup: http://127.0.0.1:8000/test/?f=jqueryui&c=popup 
  * inline: http://127.0.0.1:8000/test/?f=jqueryui&c=inline
* jquery + poshytip
  * popup: http://127.0.0.1:8000/test/?f=plain&c=popup 
  * inline: http://127.0.0.1:8000/test/?f=plain&c=inline

7.Commit and push back on github:


git add .
git commit -m'refactor editable form, fix #123'
git push origin


8.Make pull request on github (to

dev

 branch).  
 
Thanks for your support!

$3

To build x-editable locally please run:

grunt build

Result will appear in