This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

Code Quality Rank: L3
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: Modals And Popups     jQuery     Popup     Bootstrap     Edit    
Latest version: v1.5.1

X-editable alternatives and similar libraries

Based on the "Modals and Popups" category.
Alternatively, view X-editable alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of X-editable or a related project?

Add another 'Modals and Popups' Library



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

Live Demo


Pull Requests

Please submit all Pull Requests to the develop branch: https://github.com/vitalets/x-editable/tree/develop

Issue Tracker

Please report all issues here: https://github.com/vitalets/x-editable/issues



Project Status

Actively maintained

How to get it

Manual download

Use http://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>

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!


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
By default test run on bootstrap 3 popup version, but you can test any other build:

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!

Local build

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.

*Note that all licence references and agreements mentioned in the X-editable README section above are relevant to that project's source code only.