Bootstrap 3的就地文本编辑组件

In-place text editing component for Bootstrap 3

本文关键字：文本编辑 组件 Bootstrap      更新时间：2024-05-21

有什么好的就地编辑组件可以利用新的Twitter Bootstrap 3风格准则吗？

我正在寻找任何jQuery[..]插件，它可以做一些类似的事情：

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

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

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

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

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

$(".editable").on "hover",  ->
  alert "you can edit me!"
相关文章：