將標簽轉換為輸入文本

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提到，但修復瀏覽器的漏洞數量巨大並結合他們的行為。