CKEDITOR – Я не могу заполнить ни одно поле – Нет фокуса на вводе ⇐ Jquery

[Anonymous]

Я задал свой вопрос на странице CKEDITOR на Github, меня попросили задать его здесь: https://github.com/ckeditor/ckeditor4/issues/3555

Я работаю с CKEDITOR, чтобы сделать контент редактируемым.
Редактор открывается в модальном режиме начальной загрузки, когда я нажимаю кнопку, возможно, поэтому этого не происходит. работает.
Проблема в том, что я не могу сосредоточиться на полях, необходимых для вставки контента в редакторе.

Два скриншота, чтобы понять проблему:
https://i.sstatic.net/hrzhY.jpg — Когда я не могу ничего написать во входных данных, нет фокуса

https:// i.sstatic.net/Xmy0b.jpg — Когда я пытаюсь проверить, потому что ничего не написано

Это моя конфигурация CKEditor:

Код: Выделить всё

/**
* @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see https://ckeditor.com/legal/ckeditor-oss-license
*/

CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here.  For example:
// config.language = 'fr';
config.uiColor = '#AADC6E';
config.extraPlugins = 'ckawesome';
config.fontawesomePath = 'C:/wamp64/www/landing/fontawesome-free-5.10.2-web/css/fontawesome.css';
config.extraPlugins = 'fontawesome';
config.allowedContent = true;
CKEDITOR.dtd.$removeEmpty['i'] = false;
CKEDITOR.dtd.$removeEmpty['span'] = false;
config.protectedSource.push(/]*>/g);
config.disallowedContent = '
';
config.toolbar = 'editor1';
config.toolbar_editor1 = [
{ name: 'document', items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
{ name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
{ name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
{ name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
'/',
{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },
{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] },
{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
{ name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
'/',
{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },
{ name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
{ name: 'about', items: [ 'About' ] },
{ name: 'insert', items: [ 'FontAwesome' ] }
];
};

(полная версия + плагин Font Awesome на данный момент)

А это части моего код, который заставляет его работать:

HTML:

Код: Выделить всё

Add custom content



Save

JS:

Код: Выделить всё

// At the beginning of my document ready

// To append the editor
$(".modal-body").append('

');

// To avoid conflicts
for(name in CKEDITOR.instances)
{
CKEDITOR.instances[name].destroy(true);
}

// At the beginning too, to avoid a breakline each time I open my editor again
CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
CKEDITOR.config.shiftEnterMode = CKEDITOR.ENTER_BR;

// When I click on a button to open the editor
$('#wysiwyg-modal').modal('show')

CKEDITOR.replace('editor1', {
toolbar: 'editor1',
//uiColor: '#FFDC6E',
});

Спасибо за помощь.

РЕДАКТИРОВАТЬ: Совершенно случайно я нажал кнопку Клавиша Escape, когда я нажал на один из плагинов, требующих ввода текста, например изображения. Модальное окно закрылось, но форма плагина все равно открылась, и я смог вводить поля. Если я заполню поля и попытаюсь нажать «ОК», то получу ошибку «b не определен».

Вот экран: https://i. sstatic.net/ip8SS.jpg

Подробнее здесь: https://stackoverflow.com/questions/584 ... -on-inputs