向编辑器中的元素添加悬停事件

Adding hover event to elements inside a tinymce editor

本文关键字：添加 悬停 事件 元素 编辑器      更新时间：2023-09-26

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

某些已填充的元素有class="hoverable"

我想用class="hoverable"为这些元素的悬停事件附加一个函数

我知道如何在创建函数中附加一个带有ed.onClick.add的onClick，但是没有ed.onHover.add或ed.onMouseIn.add.

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

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

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

你可以在这里找到如何使用jQuery创建简单的工具提示。

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

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

在我的例子中，可能会添加新的可悬浮的东西所以我需要。live在其他情况下，你可能只使用。hover。

相关文章：