In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.
https://vitalets.github.io/x-editable/demo.html
Please submit all Pull Requests to the develop
branch: https://github.com/vitalets/x-editable/tree/develop
Please report all issues here: https://github.com/vitalets/x-editable/issues
Unfortunately, due to this project being supported by volunteers we cannot provide user support at this time. Please try a site like Stack Overflow: https://stackoverflow.com/questions/tagged/x-editable
https://vitalets.github.io/x-editable
Actively Maintained
Use https://vitalets.github.io/x-editable main page.
bower install x-editable
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>
Please provide jsFiddle when creating issues!
It's really saves much time. Use these as template:
- jsFiddle Bootstrap 3
- jsFiddle Bootstrap 2
- jsFiddle jQuery-ui
- jsFiddle jQuery
Your feedback is very appreciated!
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/<your-github-name>/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 https://127.0.0.1:8000/test
By default test run on bootstrap 3 popup version, but you can test any other build:
- bootstrap 3
- bootstrap 2
- jquery-ui
- jquery + poshytip
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!
To build x-editable locally please run:
grunt build
Result will appear in dist
directory.
Copyright (c) 2012 Vitaliy Potapov
Licensed under the MIT license.