javascript - 将标签转换为输入文本

标签 javascript dom contenteditable inplace-editing

有些大公司允许您点击标签并触发将该标签转换为可编辑标签的事件。因此,您可以进行任何更改,然后按回车键(或其他方式)进行编辑(主要使用 ajax)。

是否有使用 javascript 或其他任何方式来做到这一点的方法?

已经尝试更改 tagName 属性,但我认为这显然行不通。

有人有办法吗?

p.s.: 在 SO 中没有找到这个。如果我没有使用正确的关键字搜索它,我很抱歉。

最佳答案

那里有多个在线编辑脚本/插件。我最近成功使用的一个是:

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

为了获得完整的跨浏览器支持,他们通常会抓取文本,用 input type="text" 替换元素,然后抓取值并在您使用新文本时恢复原始元素完成了。

关于javascript - 将标签转换为输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15777017/

相关文章:

javascript - 在 friend 内部按friend.brand.id进行 Angular 过滤可以工作,但不能使用||当 NULL 时重置过滤器的未定义技巧

javascript - ng-click 编译后多次触发

javascript - 可重入脚本执行-?

javascript - 向表中添加行会更改选择索引吗?

jquery - 将光标置于 div contentEditable 中的焦点上(水平和垂直居中)

javascript - 我正在尝试使用 Javascript 处理鼠标悬停事件并遇到一些问题

javascript - 带有 $rootScope 变量的 ng-init,初始化问题

javascript - 处理和跟踪 JavaScript 错误

javascript - 使用 contenteditable

javascript - 当选择内容位于节点内部时,insertHTML 在插入时解开 div