Я показываю 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();
};
Скриншот модального
