Bootstrap 3的就地文本编辑组件

Question

是否有任何良好的就地编辑组件使用新的Twitter Bootstrap 3风格指南？

我正在寻找任何类似于：

的jQuery [..]插件

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

如上所述，此组件应符合Bootstrap 3样式，最好使用bootstrap的less支持。

Answer 1

x-editable是适合原地编辑的大坝解决方案。是的，它支持bootstrap 3。

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

对于＆＃34;你可以编辑我！＆＃34;您可以编写自定义回调，如下所示：

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