TinyMCE 4 вставить поля поля ссылки отключены

Question

Я использую жемчуг tinymce-rails, который использует TinyMCE 4, и я загружаю плагин link, и все это инициируется после всплывающего окна colorbox.

Редактор TinyMCE работает отлично, но кнопка ссылки вызывает диалог, чтобы добавить/отредактировать ссылку, но ни одно из полей, кроме , цели доступно для редактирования.

ниже соответствующий код:

setup_new_message: -> 
    tinyMCE.init 
    selector: '.tinymce' 
    plugins: "textcolor link" 
    menubar: false 
    toolbar: "formatselect | fontselect | bold italic underline | forecolor | alignleft aligncenter alignright | bullist numlist | link" 
    height: 250 

    $(document).on 'focusin', (e) -> 
    if $(e.target).closest(".mce-window").length 
     e.stopImmediatePropagation() 

Я нашел $ (документ) .он «focusin» в других StackOverflow вопрос/ответов, но это не работает для меня. Он запускает e.stopImmediatePropagation(), но он не работает, как говорили все.

Любые мысли? Заранее спасибо.

Answer 1

Я нашел ответ, как только я сузил фактическую проблему, было то, что я загружал TinyMCE в всплывающее окно jquery.colorbox. Colorbox предотвращает случай, когда событие/действие focus происходит за пределами его определенного контейнера. Там, где TinyMCE выводит свои данные через iframe, а не на самом деле в контейнере colorbox.

исправление было простым: в цветовой гамме опции trapFocus: false и все работает как следует. Понимайте это, это означает, что пользователь может вывести сфокусированного colorbox на элементы за оверлей.

via John Naegle on stackoverflow