Skip to content


Subversion checkout URL

You can clone with
Download ZIP
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
Pull request Compare This branch is 481 commits behind vitalets:master.
Fetching latest commit...
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.
It is a new life of bootstrap-editable plugin that was strongly refactored and improved.

Demo + Docs + Download


Reporting issues

When creating issues please provide jsFiddle example. You can just fork this fiddle as starting point.
Your feedback is very appreciated!


A few steps how to start contributing:

1.Fork X-editable and pull the latest changes from dev branch

2.Arrange local directory structure. It should be:
| -- lib (repo related to dev and master branches)
| -- gh-pages (repo related to gh-pages branch for docs & demo)
| -- playground (simple node-server and html page for testing,

To make it easy follow this script ( assuming you have nodejs installed ). Please replace <your-github-name> with your name:

mkdir x-editable
cd x-editable

git clone<your-github-name>/x-editable.git -b dev lib
cd lib
#install gruntjs globally - building tool
npm install -g grunt 
#install other dependencies - grunt-contrib
npm install 
cd ..

git clone<your-github-name>/x-editable.git -b gh-pages gh-pages
cd gh-pages
npm install 
cd ..

#download from
cd playground
npm install 

3.That's it! You can start editing files in lib/src directory or create new editable input/container/whatever.
To test the result go to playground, start server node server.js and open in your browser http://localhost:3000/playground.

4.To run unit tests you can open it directly in browser lib/test/index.html.
Or use grunt's qunit task grunt test. For that you also need to install PhantomJS

5.To build lib + docs:

  • run grunt build in lib directory
  • run build data-docs-dist in gh-pages directory
    You will get distributive in lib/dist and updated docs in gh-pages/*.html.
    Do not edit index.html and docs.html directly! Instead look at Handlebars templates in generator/templates.

6.Commit changes on dev branch and make pull request as usual.

Thanks for your support!


Copyright (c) 2012 Vitaliy Potapov
Licensed under the MIT licenses.

Something went wrong with that request. Please try again.