javascript - Bootstrap 3 的就地文本编辑组件

标签 javascript jquery html twitter-bootstrap-3

<分区>

是否有使用新的 Twitter Bootstrap 3 样式指南的任何好的就地编辑组件?

我正在寻找可以执行以下操作的任何 jQuery [..] 插件:

  1. 有一行(或一段)文字
  2. 当鼠标悬停时,会出现一个小符号,上面写着“你可以编辑我!”
  3. 单击时,文本字段(或 block )消失,为适当大小的文本输入或文本字段腾出位置
  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!"

关于javascript - Bootstrap 3 的就地文本编辑组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20452042/

相关文章:

javascript - Bootstrap绑定(bind)方式

javascript - 最小化/限制 d3 库中的动画功能

javascript - Canvas 标签在 Webmatrix 中不起作用

html - 在 1 个请求中加载多个 Google 字体违反了 HTML 标准

html - 使用文本溢出 : ellipses in an HTML table

javascript - 拉斐尔圆弧动画正在变形而不是跟随圆弧路径

javascript - Javascript 模块模式有什么好处?

jquery datepicker 依赖结束日期

c# - jQuery 发布到 Controller 并重定向到 ASP.NET MVC View

jquery - 变量是否未定义