PHPackages                             vitalets/x-editable - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. vitalets/x-editable

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

vitalets/x-editable
===================

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

6.5k18.6k1.7k[571 issues](https://github.com/vitalets/x-editable/issues)[46 PRs](https://github.com/vitalets/x-editable/pulls)1JavaScript

Since Dec 18Pushed 1y ago285 watchersCompare

[ Source](https://github.com/vitalets/x-editable)[ Packagist](https://packagist.org/packages/vitalets/x-editable)[ RSS](/packages/vitalets-x-editable/feed)WikiDiscussions master Synced 5d ago

READMEChangelogDependenciesVersions (2)Used By (1)

X-editable
==========

[](#x-editable)

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

> ### ⚠️ Deprecation notice
>
> [](#warning-deprecation-notice)
>
> This library is **deprecated** and will no longer receive any updates or support. Please consider migrating to alternative solutions. See [\#610](https://github.com/vitalets/x-editable/issues/610) for details.

Live Demo
---------

[](#live-demo)

****

Pull Requests
-------------

[](#pull-requests)

Please submit all Pull Requests to the `develop` branch:

Issue Tracker
-------------

[](#issue-tracker)

Please report all issues here:

Documentation
-------------

[](#documentation)

****

Project Status
--------------

[](#project-status)

Actively maintained

How to get it
-------------

[](#how-to-get-it)

### Manual download

[](#manual-download)

Use **** main page.

### Bower

[](#bower)

```
bower install x-editable

```

### CDN

[](#cdn)

Bootstrap 3 build:

```

```

Bootstrap 2 build:

```

```

jQuery UI build:

```

```

jQuery only build:

```

```

Reporting issues
----------------

[](#reporting-issues)

Please **provide jsFiddle** when creating issues!
It's really saves much time. Use these as template:

1. [jsFiddle Bootstrap 3](http://jsfiddle.net/xBB5x/2265/)
2. [jsFiddle Bootstrap 2](http://jsfiddle.net/xBB5x/1817/)
3. [jsFiddle jQuery-ui](http://jsfiddle.net/xBB5x/2511/)
4. [jsFiddle jQuery](http://jsfiddle.net/xBB5x/197)
    Your feedback is very appreciated!

Contribution
------------

[](#contribution)

A few steps how to start contributing.
Assuming you have [Node.js](http://nodejs.org/) 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
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&amp;c=popup](http://127.0.0.1:8000/test/?f=bootstrap3&c=popup)
    - inline: [http://127.0.0.1:8000/test/?f=bootstrap3&amp;c=inline](http://127.0.0.1:8000/test/?f=bootstrap3&c=inline)
- bootstrap 2
    - popup: [http://127.0.0.1:8000/test/?f=bootstrap2&amp;c=popup](http://127.0.0.1:8000/test/?f=bootstrap2&c=popup)
    - inline: [http://127.0.0.1:8000/test/?f=bootstrap2&amp;c=inline](http://127.0.0.1:8000/test/?f=bootstrap2&c=inline)
- jquery-ui
    - popup: [http://127.0.0.1:8000/test/?f=jqueryui&amp;c=popup](http://127.0.0.1:8000/test/?f=jqueryui&c=popup)
    - inline: [http://127.0.0.1:8000/test/?f=jqueryui&amp;c=inline](http://127.0.0.1:8000/test/?f=jqueryui&c=inline)
- jquery + poshytip
    - popup: [http://127.0.0.1:8000/test/?f=plain&amp;c=popup](http://127.0.0.1:8000/test/?f=plain&c=popup)
    - inline: [http://127.0.0.1:8000/test/?f=plain&amp;c=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!

### Local build

[](#local-build)

To build x-editable locally please run:

```
grunt build

```

Result will appear in `dist` directory.

License
-------

[](#license)

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

###  Health Score

44

—

FairBetter than 92% of packages

Maintenance31

Infrequent updates — may be unmaintained

Popularity58

Moderate usage in the ecosystem

Community42

Growing community involvement

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 92% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/d76569906788816a0aa07e3443f090a891e696e43eb2c4057a33215ad100664d?d=identicon)[vitalets](/maintainers/vitalets)

---

Top Contributors

[![vitalets](https://avatars.githubusercontent.com/u/1473072?v=4)](https://github.com/vitalets "vitalets (503 commits)")[![lorvent](https://avatars.githubusercontent.com/u/3512953?v=4)](https://github.com/lorvent "lorvent (7 commits)")[![tofutim](https://avatars.githubusercontent.com/u/157766?v=4)](https://github.com/tofutim "tofutim (6 commits)")[![ma-si](https://avatars.githubusercontent.com/u/1869327?v=4)](https://github.com/ma-si "ma-si (5 commits)")[![MarQuisKnox](https://avatars.githubusercontent.com/u/789594?v=4)](https://github.com/MarQuisKnox "MarQuisKnox (4 commits)")[![psaintlaurent](https://avatars.githubusercontent.com/u/347096?v=4)](https://github.com/psaintlaurent "psaintlaurent (3 commits)")[![jmfontaine](https://avatars.githubusercontent.com/u/174728?v=4)](https://github.com/jmfontaine "jmfontaine (2 commits)")[![gkostov](https://avatars.githubusercontent.com/u/410519?v=4)](https://github.com/gkostov "gkostov (2 commits)")[![brianchance](https://avatars.githubusercontent.com/u/1154287?v=4)](https://github.com/brianchance "brianchance (2 commits)")[![powellzer](https://avatars.githubusercontent.com/u/1462955?v=4)](https://github.com/powellzer "powellzer (1 commits)")[![smasala](https://avatars.githubusercontent.com/u/1477905?v=4)](https://github.com/smasala "smasala (1 commits)")[![tasarsu](https://avatars.githubusercontent.com/u/1642706?v=4)](https://github.com/tasarsu "tasarsu (1 commits)")[![304NotModified](https://avatars.githubusercontent.com/u/5808377?v=4)](https://github.com/304NotModified "304NotModified (1 commits)")[![wenzhixin](https://avatars.githubusercontent.com/u/2117018?v=4)](https://github.com/wenzhixin "wenzhixin (1 commits)")[![adeg](https://avatars.githubusercontent.com/u/3998049?v=4)](https://github.com/adeg "adeg (1 commits)")[![AleksandrChernyavenko](https://avatars.githubusercontent.com/u/9691761?v=4)](https://github.com/AleksandrChernyavenko "AleksandrChernyavenko (1 commits)")[![belerweb](https://avatars.githubusercontent.com/u/1193124?v=4)](https://github.com/belerweb "belerweb (1 commits)")[![joekaiser](https://avatars.githubusercontent.com/u/1521110?v=4)](https://github.com/joekaiser "joekaiser (1 commits)")[![kkirsche](https://avatars.githubusercontent.com/u/947110?v=4)](https://github.com/kkirsche "kkirsche (1 commits)")[![koppor](https://avatars.githubusercontent.com/u/1366654?v=4)](https://github.com/koppor "koppor (1 commits)")

### Embed Badge

![Health badge](/badges/vitalets-x-editable/health.svg)

```
[![Health](https://phpackages.com/badges/vitalets-x-editable/health.svg)](https://phpackages.com/packages/vitalets-x-editable)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
