javascript - jquery 内容可编辑缩进

Question

我已经找了几个小时了，还是没能解决。

所以我正在开发一个文本编辑器，我想要它，所以当他们按下“tab”键时，它会缩进我选择的文本或光标文本前面的文本选择器。我一直在研究设计模式，我试图制作一个元素 designMode，但除非我做错了，否则你做不到。这是我的代码，它启动了我的简单编辑器

 $(".code").click(function () {
   $(".code").attr('contenteditable', 'true');
   document.getElementById("code").designMode = "on";
 });

然后是'tab键代码'

$(".code")
  .keydown(function (e) {      
  var keyCode = e.keyCode || e.which;
  if(keyCode == 9) {
    e.preventDefault();

  }
});

问题:您如何在 contenteditable 中缩进，例如在文本编辑器中您可以不缩进任何内容或文本。 (我的关键事件没有触发没有任何问题)

这不是文本区域或输入框，它只是一个内容可编辑的 div

Answer 1

所以我想通了，代码如下

$(".code").keydown(function(e)
           {
              e = e || window.event;
              var keyCode = e.keyCode || e.which; 
              if (keyCode == 9)
              {
                e.preventDefault();
                  document.execCommand('styleWithCSS',true,null);
                  document.execCommand('indent',true,null);
              }
           });