README

使用Twitter Bootstrap、jQuery UI或纯jQuery实现原地编辑。

在线演示

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

拉取请求

请将所有拉取请求提交到 develop 分支： https://github.com/vitalets/x-editable/tree/develop

问题追踪器

请在此处报告所有问题： https://github.com/vitalets/x-editable/issues

文档

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

项目状态

积极维护

如何获取

手动下载

使用 http://vitalets.github.io/x-editable 主页。

Bower

bower install x-editable

CDN

Bootstrap 3 构建版本

<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 构建版本

<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 构建版本

<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构建版本

<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>

报告问题

创建问题请提供 jsFiddle！
这可以节省很多时间。以下为模板

贡献

开始贡献的一些步骤。
假设您已经安装了 Node.js。

1. 在github上Fork X-editable 并将其克隆到您的本地机器

git clone https://github.com/<your-github-name>/x-editable.git -b dev

2. 全局安装 grunt-cli（如果尚未安装）

npm i -g grunt-cli

3. 安装依赖项

cd x-editable
npm i

4. 进行更改

vim editable-form.js

5. 为您的更改编写一些测试

vim /test/unit/*.js

6. 在cli中运行测试

grunt test

或直接在浏览器中

grunt server

并打开 http://127.0.0.1:8000/test
默认情况下，测试在 bootstrap 3 弹出版本上运行，但您可以测试任何其他构建版本

bootstrap 3
- 弹出: http://127.0.0.1:8000/test/?f=bootstrap3&c=popup
- 内联: http://127.0.0.1:8000/test/?f=bootstrap3&c=inline
bootstrap 2
- 弹出: http://127.0.0.1:8000/test/?f=bootstrap2&c=popup
- 内联: http://127.0.0.1:8000/test/?f=bootstrap2&c=inline
jQuery-ui
- 弹出: http://127.0.0.1:8000/test/?f=jqueryui&c=popup
- 内联: http://127.0.0.1:8000/test/?f=jqueryui&c=inline
jQuery + poshytip
- 弹出: http://127.0.0.1:8000/test/?f=plain&c=popup
- 内联: http://127.0.0.1:8000/test/?f=plain&c=inline

7. 提交更改并推送到github

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

8. 在github上创建拉取请求（到 dev 分支）。

感谢您的支持！

本地构建

要在本地构建x-editable，请运行

grunt build

结果将出现在 dist 目录中。

vitavets / x-editable

维护者

详细信息