Редактор Pagedown прикрепляет обработчик к диалогу изображения
Я сделал свой собственный диалог загрузки библиотеки с модальностью Semantic UI. Я пытаюсь интегрировать этот диалог в редактор Pagedown.
var converter = Markdown.getSanitizingConverter();
var editor = new Markdown.Editor(converter);
editor.hooks.set("insertImageDialog", function(callback) {
uploadModal.load(); // The dialog HTML gets loaded asynchronously
$('body').on('selection', '.upload-modal', function(e, src) {
console.log(src);
callback(src);
});
return true; // tell the editor that we'll take care of getting the image url
});
Все отлично работает при первом выборе изображения из диалогового окна, но после этого оно ломается:
Uncaught TypeError: Невозможно вызвать метод 'removeChild' с нулевым Markdown.Editor.js
Согласно этому такому вопросу, это как-то связано с определением обработчика событий несколько раз, но я не могу обернуться вокруг него.
Еще немного информации:
HTML-код для инициализации модального режима загружается асинхронно, вот код JS:
var uploadModal = (function() {
/**
* Load the upload modal.
*/
this.load = function() {
var $modal = $('.upload-modal');
if ($modal.length) {
// Show the already existing modal.
$modal.modal('show');
} else {
// Get the HTML
var request = $.get(appUrl('admin/upload/modal'));
request.done(function(html) {
// Make the modal.
var $modal = $(html);
$modal.modal({
observeChanges: true,
onApprove: function () {
var upload = $modal.find('.selected.upload'),
src = upload.find('.image > img').attr('src');
// Bind the event listener which will return the upload's source URL
$modal.trigger('selection', src);
return true;
}
}).modal('show');
// Some event handlers here
});
}
};
})();
Я загружаю модал по телефону uploadModal.load()
и смотреть каждый раз, когда изображение выбрано, прикрепляя обработчик события 'selection'.