Bootstrap 3的就地文本编辑组件[重复]

Question

有没有使用新的 Twitter Bootstrap 3 风格指南的好的就地编辑组件？

我正在寻找任何具有以下功能的 jQuery [..] 插件：

1. 有一行（或一块）文本
2. 当鼠标悬停时，会出现一个小符号，上面写着“您可以编辑我！”
3. 点击后，文本字段（或块）消失，为适当大小的文本输入或文本字段腾出位置
4. 在输入（或 ctrl+enter）时保存

如前所述，该组件应符合 Bootstrap 3 风格，最好利用 bootstrap 的 less 支持。

Answer 1

x-editable 是就地编辑的最佳解决方案。是的，它确实支持 bootstrap3。

http://vitalets.github.io/x-editable/demo-bs3.html?c=popup

对于“你可以编辑我！”您可以编写如下自定义回调：

$(".editable").on "hover",  ->
  alert "you can edit me!"