Question

即使在span标签中设置contentEditable =“true”，在fire fox中，当IE中没有问题时，此标签无法编辑。我该怎么办？

Answer 1

contenteditable是一个新的html5属性，Chk，如果您的浏览器支持它。

<!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 Plugin的插件。网址：http://valums.com/edit-in-place/

Answer 2

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

我发现

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

Answer 3

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

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

适用于Firefox＆gt; MacOSX就好了，即使没有设置doctype也是如此。

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

Answer 4

它有效但是当span标签在li标签中时它不会工作!!

编辑这个！

此标记永远无法编辑

如何在firefox中制作可编辑的span

4 个答案: