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

我有一个tinymce插件，它用编辑内容填充编辑器。将悬停事件添加到tinymce编辑器中的元素

某些人口稠密的元素有一类=“hoverable”

我想的功能附加到悬停事件与类的那些元素=“hoverable”

我知道如何安装一个onClick在创建函数中使用ed.onClick.add，但没有ed.onHover.add或ed.onMouseIn.add。

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

2011-10-25 Hector Scout

您可以使用class'hoverable'向编辑器中的元素添加一个mouseover处理程序。

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

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

来源

2011-10-26 08:38:09 Thariama

我敢肯定，如果在插件上调用create函数时内容已经存在于编辑器中，这将起作用。在问题中，我没有真正说清楚，但在我的情况下，内容不会在用户通过按下菜单中的插件按钮启动的弹出窗口中选择内容之后才放入。我最终做了一些与此相似的事情（如果你关心，你可以看到我的答案）。 –

在此将所选内容编辑器功能，我添加

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

在我而言的新事物hoverable可以添加，所以我需要你可以probalby只使用.hover其他情况下，.live。

来源

2011-10-26 18:26:27

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

回答

相关问题