Блог

Главная - Вопросы по программированию - Добавление события наведения к элементам в редакторе tinymce

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

#javascript #jquery #tinymce

#javascript #jquery #tinymce

Вопрос:

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

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

Я хотел бы прикрепить функцию к событию наведения на эти элементы с помощью class=»hoverable»

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

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

Ответ №1:

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

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

Вы можете найти, как создавать простые всплывающие подсказки с помощью jQuery здесь .

Комментарии:

1. Я почти уверен, что это сработало бы, если бы содержимое уже было в редакторе при вызове функции create в плагине. Я действительно не прояснил это в вопросе, но в моем случае содержимое не вводится до тех пор, пока пользователь не выберет его из всплывающего окна, которое запускается нажатием кнопки плагина в меню. В итоге я сделал что-то очень похожее на это (вы можете увидеть мой ответ, если вам интересно).

Ответ №2:

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

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

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

Метки: