Javascript 选中所有文本时，Firefox中的execCommand bold失败
我正准备使用JavaScript进行一些简单的所见即所得编辑，但我在Firefox中遇到了一个Chrome或IE（所有浏览器的最新版本）中都没有遇到的问题。当选择myJavascript 选中所有文本时，Firefox中的execCommand bold失败,javascript,firefox,wysiwyg,contenteditable,execcommand,Javascript,Firefox,Wysiwyg,Contenteditable,Execcommand,我正准备使用JavaScript进行一些简单的所见即所得编辑，但我在Firefox中遇到了一个Chrome或IE（所有浏览器的最新版本）中都没有遇到的问题。当选择mycontentEditablespan中的所有文本时，如果我尝试使用document.execCommand（'bold'，false，null）将其加粗，我会收到一条非常不寻常的错误消息：“NS\U error\U FAILURE:FAILURE” 下面是一些简单的示例代码，可以轻松重现问题： <html> &
contentEditabledocument.execCommand（'bold'，false，null）<html>
<head>
<script>
function start(){
var edit = document.getElementById('edit');
edit.contentEditable = true;
var button = document.getElementById('button');
button.onclick = function(){
// Get the editable span
var edit = document.getElementById('edit');
// Select the contents of the span
var range = document.createRange();
range.selectNodeContents(edit);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
// Make the text bold
document.execCommand('bold',false,null);
}
}
</script>
</head>
<body onload="start();">
<span id='edit'>Click on the button</span>
<button id='button'>Bold It All!</button>
</body>
</html>
函数start（）{
var edit=document.getElementById（'edit'）；
edit.contentEditable=true；
var button=document.getElementById（'button'）；
button.onclick=函数（）{
//获取可编辑范围
var edit=document.getElementById（'edit'）；
//选择范围的内容
var range=document.createRange（）；
范围。选择节点内容（编辑）；
var selection=window.getSelection（）；
selection.removeAllRanges（）；
选择。添加范围（范围）；
//将文本加粗
document.execCommand（'bold'，false，null）；
}
}
点击按钮
大胆一点！
- 编辑器将尝试用一个
（或另一个
当
时）包装使用CSS - 这将删除
- 因此，
的父代码是可编辑的，而不是可编辑的 - 轰
解决方法：
contenteditable=“true”