У меня есть страница со списком глав, пользователь может щелкнуть по любому названию главы / файла, чтобы открыть bootstrap modal, чтобы задать имя и описание главы в Интернете.
Ниже приведено событие click для открытия модального окна и инициализации ckeditor. Я инициализирую ckeditor в событии click, потому что ckeditor должен находиться в режиме начальной загрузки.
$('.file-name').click(function () {
CKEDITOR.replace('inputOnlineChapterDescription');
$('#chapterNameDescription').modal();
});
Для описания главы мне нужно заменить простой текстовый файл на хороший редактор, поэтому я использую CKEDITOR . Проблема заключается в том, что если пользователь щелкает по любому имени главы, появляется модальное окно, а затем пользователь ничего не обновляет и не закрывает модальное, затем снова пользователь открывает ту же самую модальную главу или любой другой модальный, который он выбрасывает после исключения
uncaught exception: The editor instance "inputOnlineChapterDescription" is already attached to the provided element.
Чтобы удалить это исключение, я попробовал следующее решение для проверки и уничтожения любого экземпляра перед созданием нового экземпляра.
$('.file-name').click(function () {
var editor = CKEDITOR.instances['inputOnlineChapterDescription'];
if (editor) {
editor.destroy(true);
}
CKEDITOR.replace('inputOnlineChapterDescription');
$('#chapterNameDescription').modal();
});
Но с этим я получаю TypeError: a is null. Я пытаюсь это исправить, но не смог найти никакого полезного решения. Таким образом, в основном мне нужен любой способ использовать несколько экземпляров на одной странице без обновления страницы. Любая помощь будет оценена. Спасибо!