如何在Firefox中制作可编辑的跨度答案

【问题标题】：how to make editable span in fire fox如何在Firefox中制作可编辑的跨度
【发布时间】：2010-08-28 04:34:24
【问题描述】：

即使通过在 span 标签中设置 contentEditable="true" ，在 IE 中没有问题的情况下，在 fire fox 中此标签也无法编辑。我该怎么办？

【问题讨论】：

【解决方案1】：

contenteditable 是一个新的 html5 属性，如果您的浏览器支持，请查看。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>test</title>
    <script>
        if('contentEditable' in document.createElement('span')){
            alert('ContentEditable is supported by your browser');
        }else{
            alert('ContentEditable is not supported by your browser');
        }               
    </script>
</head>
<body>
    <h2> To-Do List </h2>
     <ul contenteditable="true">
        <li> <span>Break mechanical cab driver. </span></li>
        <li> <span>Drive to abandoned factory</span></li>
        <li><span> Visit Dentist</span> </li>
     </ul>
</body>
</html>

如果您搜索修复，这里有一个名为 contentEditable jQuery 插件的插件。网址：http://valums.com/edit-in-place/

【讨论】：

【解决方案2】：

那是因为 contentEditable 不是有效的 HTML，即使它被 IE 识别。

contentEditable attribute 是有效的 HTML5 属性和 Firefox handle it pretty well 从我看到的。

【讨论】：

【解决方案3】：

首先，我在这里可能弄错了，但我在网上看到的正确用法是小写而不是驼峰式。

<span contenteditable="true">EDIT THIS!</span>

在 Firefox>MacOSX 中运行良好，即使没有设置 doctype。

我能想到的唯一解释是你的 Firefox 版本已经过时了，你需要升级。

【讨论】：

【解决方案4】：

它可以工作，但是当 span 标签在 li 标签中时它不会工作！

编辑这个！

这个标签永远不能被编辑

【讨论】：

好吧，它不会在 StackOverflow 上工作，因为系统出于安全原因剥离了所有属性的方式。否则，它工作正常...