将悬停事件添加到tinymce编辑器中的元素

Question

我有一个tinymce插件，用内容填充编辑器。

某些填充元素的class =“hoverable”

我想在class =“hoverable”的那些元素上附加一个hover事件的函数

我知道如何在create function中附加带有ed.onClick.add的onClick，但是没有ed.onHover.add或ed.onMouseIn.add。

编辑： 当您按下菜单中的插件按钮时，我的插件实际上会弹出一个对话框。用户从对话框中选择一些内容并将其插入编辑器中。

Answer 1

您可以使用类'hoverable'为编辑器中的元素添加鼠标悬停处理程序。

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

您可以使用jQuery here找到创建简单工具提示的方法。

Answer 2

在将所选内容添加到编辑器的功能中，我添加了

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

在我的情况下，可能会添加新的可恢复的东西，所以我需要.live在其他情况下你可以probalby只是使用.hover。