Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将标签转换为输入文本_Javascript_Dom_Contenteditable_Inplace Editing - Fatal编程技术网

Javascript 将标签转换为输入文本

Javascript 将标签转换为输入文本,javascript,dom,contenteditable,inplace-editing,Javascript,Dom,Contenteditable,Inplace Editing,有一些大公司允许您点击标签并触发事件,将该标签转换为可编辑标签。因此,您可以进行任何更改,然后按enter键(或其他键)进行编辑(主要使用ajax) 有没有这样一种方法可以使用javascript或其他什么来实现 已尝试更改标记名属性,但我认为这显然不起作用 有人有办法吗 p、 美国:这么说来,我还没找到这个。很抱歉,如果我没有使用正确的关键字来搜索它。有多个在线编辑脚本/插件。我最近成功使用的一个方法是: 为了获得完全的跨浏览器支持,他们通常会抓取文本,将元素替换为input type=“t

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

有没有这样一种方法可以使用javascript或其他什么来实现

已尝试更改标记名属性,但我认为这显然不起作用

有人有办法吗


p、 美国:这么说来,我还没找到这个。很抱歉,如果我没有使用正确的关键字来搜索它。

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


为了获得完全的跨浏览器支持,他们通常会抓取文本,将元素替换为
input type=“text”
,然后抓取值并在完成后用新文本还原原始元素。

如果只需要编辑纯文本,则使用BotskoNet提到的解决方案


如果您需要更多的编辑选项(所见即所得编辑器),那么您应该尝试例如。CKEditor基于elclars提到的
contenteditable
,但它修复了大量浏览器的bug并统一了它们的行为。

这就是我想要的。是跨浏览器吗?顺便说一句,为什么不给出答案呢?因为我无法在@elclars提供的解决方案中触发事件,而且这个解决方案更加直观和通用,所以我将其标记为已接受。