Кнопка добавления ссылки не работает должным образом для редактора wysiwyg в IE и Firefox - PullRequest
Новая
       10

Кнопка добавления ссылки не работает должным образом для редактора wysiwyg в IE и Firefox

0 голосов
/ 04 мая 2018

Wysiwyg работает гладко в Chrome, но в Firefox и IE11 (не старом), когда я нажимаю кнопку добавления ссылки, фокус переносится на главный редактор. Я пробовал много обходных путей, таких как манипулирование CSS, остановка распространения события по щелчку на входе Добавить ссылку, но, похоже, ничего не работает.

Открыть ссылку http://mindmup.github.io/bootstrap-wysiwyg/ в IE11, нажмите значок добавления ссылки, затем нажмите на поле URL и попробуйте ввести что-нибудь

Я добавил обходной путь для Firefox (который запускается при загрузке документа), но он по-прежнему не работает для IE. 

msieVersion() {
    var ua = window.navigator.userAgent;
    var msie = ua.indexOf("MSIE ");

    if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./) || typeof InstallTrigger !== 'undefined')  // If Internet Explorer, return version number
    {   
        $('a.essay-btn').on('click', function(e){
            let self= $(this).closest('.hero-unit');
            self.find('.add_link').show();

            return false;
        })

        let span2 = '<a href="http://" style="color:#b0281a">http://</a>';

        $('.span2').on('keyup', function(f) { 
            span2 = '<a href="'+this.value+'" style="color:#b0281a">'+this.value+'</a>';
            return false;
        })

        $('.essay-btn-add').on('click', function(g){
            let self= $(this).closest('.hero-unit');
            let editor = self.find('.editor');
            editor.html(editor.html()+span2);
            self.find('.add_link').hide();
        return false; 
         })    
    }
    else  // If another browser, return 0
    {
        // alert('otherbrowser');
        return false;
    }
}
...