Arhn - архитектура программирования

Событие размытия tinyMCE 3.5 срабатывает при нажатии кнопок панели инструментов

Я пытался использовать следующий метод для захвата, когда поле tinyMCE размыто, как упоминалось в многочисленных сообщениях SO, а также на сайте tinyMCE:

tinyMCE.dom.Event.add(ed.getDoc(), 'blur', onBlur);

Однако я заметил, что это событие запускается, даже когда пользователь нажимает кнопку на панели инструментов tinyMCE (например, жирный шрифт, курсив, подчеркивание). Есть ли способ предотвратить это. Я пробовал несколько разных решений для проверки того, чтобы увидеть целевой элемент, по которому щелкнули, но не нашел ничего, что работало бы одинаково во всех браузерах.

Пытался:

function onBlur(e) {
    if($(e.target.activeElement).hasClass('mceIcon')) return;
    // do something
}

function onBlur(e) {
    if($(e.target.activeElement).parents('#' + ed.editorContainer).length > 0) return;
    // do something
}

Кроме того, я заметил, что это, похоже, специфическая ошибка IE8 (возможно, и других версий IE). Вот JSFiddle, показывающий поведение: http://jsfiddle.net/klinden/8rs4j Консоль регистрирует все экземпляры размытия, вызываемого.


Ответы:


1

То же самое здесь, v4.6.1, хотя в документах написано, что «событие запускается, когда редактор размыт, но не когда фокус перемещается на любой из компонентов пользовательского интерфейса редактора».

Я даже пробовал вариант custom_ui_selector: '.mce-menubar, .mce-toolbar-grp' безуспешно

https://www.tinymce.com/docs/advanced/events/#blur< /а>

24.05.2017
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..