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

Question

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

某些填充元素有一个 class="hoverable"

我想将一个函数附加到那些 class="hoverable" 元素上的悬停事件

我知道如何在创建函数中使用 ed.onClick.add 附加 onClick 但有不是 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。