将标签转换为输入文本

时间:2013-04-03 00:47:00

标签: javascript dom contenteditable inplace-editing

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

有没有这样的方法可以使用javascript或其他什么方式?

已经尝试更改tagName属性,但我认为这显然不起作用。

有人有办法吗?

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

2 个答案:

答案 0 :(得分:2)

有多个内联编辑脚本/插件。我最近成功使用的一个是:

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

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

答案 1 :(得分:1)

如果您只需编辑纯文本,请使用 BotskoNet 提及的解决方案。

如果您需要更多编辑选项(WYSIWYG编辑器),那么您应该尝试例如http://ckeditor.com/demo#inline。 CKEditor基于 elclanrs 提到的contenteditable,但它修复了大量浏览器的错误并统一了他们的行为。