4

即使通过在 span 标签中设置 contentEditable="true" ，在火狐中这个标签也无法编辑，而在 IE 中没有问题。我能做些什么？

4

4 回答 4

3

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

于 2010-08-28T15:45:23.337 回答
1

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

contentEditable属性是有效的HTML5属性，从我看到的情况来看，Firefox可以很好地处理它。

于 2010-08-28T04:41:41.163 回答
0

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

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

即使没有设置文档类型，也可以在 Firefox>MacOSX 中正常工作。

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

于 2010-08-28T08:01:09.083 回答
0

它起作用了，但是当 span 标签在 li 标签中时，它就不起作用了！！

  • 编辑这个！

这个标签永远不能被编辑

于 2010-08-28T09:15:57.387 回答