html - 如何在 Firefox 中创建可编辑范围

标签 html contenteditable

即使在 span 标签中设置 contentEditable="true",在 fire fox 中这个标签也无法编辑,而在 IE 中没有问题。我能做什么?

最佳答案

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/

关于html - 如何在 Firefox 中创建可编辑范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3589483/

相关文章:

javascript - 如何阻止页面内容流入SideNav Semantic-ui

javascript - 使用 php 时 jQuery 函数中断

AngularJS:限制自定义 contenteditable 指令中的用户输入

javascript/WYSIWYG parentElement 返回 div 而不是 p 元素

javascript - 以毫米(或非 px 单位)为单位检索元素大小?

javascript - 在 Parse 中按对象 ID 删除行

html - 输入行为异常?

javascript - Internet Explorer 替代 document.execCommand ("insertText",...),用于用户可以撤消/重做的文本插入

javascript 使用数据属性和值将焦点设置在可内容编辑区域

html - CSS 喜欢一些代码但不是全部?