以模式显示后无法在ckeditor中输入任何文本

Question

我在模式中的按钮单击上显示ckeditor，以便用户在其中输入数据，但是在显示ckeditor后的某些时间，用户无法在文本框中输入任何内容。

这是HTML代码：

<input type="button" class="btn" id="addsubcatpost" value="Add new post" ng-click="showsubcatpost()">

<textarea name="subcateditor" ng-model="cat_postcontent" id="subcateditor" rows="10" cols="80">{{postcontent}}</textarea>

<script>
    CKEDITOR.replace('subcateditor', {
        toolbarGroups: [
            {"name": "styles", "groups": ["styles"]},
            {"name": "paragraph", "groups": ["list", "align"]},
            {"name": "basicstyles", "groups": ["basicstyles"]},
            {"name": 'insert', "groups": ['addImage']}
        ],
        removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Specialchar,Format,Image,Flash,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,addFile',                                                filebrowserUploadUrl: '/admin/categorymanagement/uploadckeditorimages'
    });
</script>

这是js文件：

$scope.showsubcatpost = function() {
  $scope.cat_title = '';
  CKEDITOR.instances['subcateditor'].setData('');
  $(".urlinks").val('');
  $(".selector-wrapper").html('');
  $(".attached-files").hide();
  $('.image-attachment-preview').html('');
  $('.document-attachment-preview').html('');
  $('.weblink-attachment-preview').html('');
  $('.gdocs-attachment-preview').html('');
  $('.video-attachment-preview').html('');
  $("#addnewsubcatpost").toggle();
  $(".hidediv").hide();
}; 

模态的屏幕截图

Answer 1

从模式容器中删除tabindex属性对我来说很成功。

https://github.com/twbs/bootstrap/issues/6996