Добавление события hover к элементам внутри редактора tinymce

Question

У меня есть плагин tinymce, который заполняет редактор содержимым.

Некоторые заполненные элементы имеют class = "hoverable"

Я хотел бы прикрепить функцию к событию hover нате элементы с class = "hoverable"

Я знаю, как прикрепить onClick с ed.onClick.add в функции создания, но нет ed.onHover.add или ed.onMouseIn.add.

Редактировать: мой плагин на самом деле всплывает диалоговое окно, когда вы нажимаете кнопку плагина в меню.Пользователь выбирает некоторый контент из диалогового окна и вставляет его в редактор.

Answer 1

Вы можете добавить обработчик наведения мыши к элементам в редакторе с классом 'hoverable'.

$(ed.getBody()).find('.hoverable').hover(function (evt){ /* do tooltip here */   });

Инструкции по созданию простых всплывающих подсказок можно найти с помощью jQuery здесь .

Answer 2

В функции, которая добавляет выбранный контент в редактор, я добавил

tinymce.activeEditor.$('.hoverable').live('mouseover mouseout', function(evt) {
    if (evt.type == 'mouseover') {
        //do hover stuff
    }
    else {
        //undo hover stuff
    }
}

В моем случае могут быть добавлены новые доступные для поиска вещи, поэтому мне нужен .live, в других случаях вы можете, вероятно, просто использовать .hover.