Редактор 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'.

0 ответов

Другие вопросы по тегам