Html contenteditable div不可编辑

我正在尝试使用小型自定义工具创建一个基本编辑器

当文档准备就绪时，我用contenteditable=“true”attr创建一个div，并将其附加到textarea下面，然后隐藏textarea。 它被创造得很好

当我点击那个div时，它没有焦点，我也不能在那里键入任何内容。但当我尝试使用inspect元素工具向该div添加一些样式时。我再次点击那个div，它就工作了

这是我的密码

  $(document).ready(function(){
    if($(".text-format-wrapper").length > 0){
      _editor_init();
    }
  });
  function _editor_init(){
    $(".text-format-wrapper").each(function(){
      var filterType = $(this).find(".filter-list").val();
      var filterEnable = false;
      for(var i in Drupal.settings.editor_filter){
        if(Drupal.settings.editor_filter[i] == filterType){
          filterEnable = true;
        }
      }
      var textareaObj = $(this).find('textarea')
      if(filterEnable){
        addEditor(textareaObj);
      }else{
        removeEditor(textareaObj);
      }
    });
  }
  function addEditor(textareaObj){
    if(textareaObj.closest(".form-textarea-wrapper").find(".editor").length == 0){
      var content = textareaObj.val();
      var d = document.createElement("div");
      d.className = 'editor';
      d.id = 'editor';
      d.contentEditable = "true";
      d.innerText = content;
      $('.form-textarea-wrapper').prepend(d);
      textareaObj.hide();
    }

我正在Drupal模块中准备这个。 请帮忙

---

谢谢

请包含有问题的代码。我发现了问题所在，但尚未找到解决方案。我有一个touchwipe.js文件，它产生了一些问题。当我删除js文件时。它可以很好地工作，但与js文件不一样。请包括有问题的代码。我发现了这个问题，但还没有找到解决方案。我有一个touchwipe.js文件，它产生了一些问题。当我删除js文件时。它工作得很好，但与js文件不一样。