javascript - 允许使用 execCommand 在 contentEditable div 中使用 Tabbing

Question

我正在制作一个应用程序，我需要允许 contentEditable div 在其中包含选项卡。我已经想通了，非要正常工作真的不行。那么有没有一种方法可以在 keyDown 上为选项卡添加 HTML 代码，即

	

我目前的情况是这样

document.getElementById('codeline').contentEditable='true';
document.getElementById('codeline').onkeydown=function(e){
    if(e.keyCode==9){
        e.preventDefault();
        //document.getElementById('codeline').contentWindow.document.execCommand("InsertHTML",false,"	"); 
        //Thought this would work but it doesn't
    }
}

如果有人知道是否有办法做到这一点，或者如果那是方法而我只是做错了，请告诉我!谢谢!

Answer 1

HTML 规范指定 TAB 字符应被视为单个空格，除非它包含在

 元素中。 
您在上面发布的代码确实有效，它确实插入了一个 TAB 字符，但它只是被浏览器显示为一个空白区域。如果您可以将所有可编辑的内容放在 
 标签中，那么您的标签就会显示出来。 
如果你只想使用制表符来缩进内容，你也可以看看
execCommand('缩进', false, null)