將標籤轉換爲輸入文本

有一些大公司允許您單擊標籤並觸發將該標籤轉換爲可編輯標籤的事件。所以你可以做任何你想要的改變，然後按回車鍵（或其他）來編輯（大部分是使用ajax）。將標籤轉換爲輸入文本

有沒有這樣的使用JavaScript或其他方式？

已經嘗試更改tagName屬性，但我認爲這顯然不起作用。

有人有辦法嗎？

p.s .:在SO中沒有找到它。對不起，如果我沒有使用正確的關鍵字來搜索它。

http://html5demos.com/contenteditable – elclanrs

這就是我想要的。這是跨瀏覽器嗎？順便說一句，爲什麼不能回答？ –

如果您需要編輯一個純文本，然後使用提及的解決方案BotskoNet。

如果您需要更多編輯選項（所見即所得編輯器），那麼您應該嘗試http://ckeditor.com/demo#inline。 CKEditor是基於contenteditable提到的elclanrs，但它修復了大量瀏覽器的bug並統一了它們的行爲。

2013-04-03 15:33:24 Reinmar

真棒工具！謝謝 –

這裏有多個在線編輯腳本/插件。一個我已經成功最近使用的是：

對於全跨瀏覽器支持他們通常搶文本，與input type="text"替換元素，然後搶值，並用新恢復原來的元素文字完成後。

2013-04-03 00:50:16 helion3

因爲我無法在@elclanrs提供的解決方案中觸發事件，並且此解決方案更加直觀和多功能，所以我將其標記爲已接受。 –

回答