將懸停事件添加到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編輯器中的元素

回答

相關問題