将标签转换为输入文本

Question

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

有没有这样的方式使用JavaScript或其他什么？

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

有人有办法吗？

ps：没有在SO中找到它。 如果我没有使用正确的关键字来搜索它，我很抱歉。

Answer 1

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

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

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

Answer 2

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

如果您需要更多编辑选项（WYSIWYG编辑器），那么您应该尝试例如http://ckeditor.com/demo#inline 。 CKEditor的是基于contenteditable由elclanrs提到，但修复浏览器的漏洞数量巨大并结合他们的行为。