tinymceエディター内の要素にホバーイベントを追加する

Question

私はコンテンツをエディターに挿入するtinymceプラグインを持っています。

特定の人口の要素が

を=「hoverable」クラスを持っている私はのonClickを接続する方法を知っているクラス=「hoverable」

でそれらの要素の上にホバーイベントに関数を添付したいのですがcreate関数でed.onClick.addを使用しますが、ed.onHover.addまたはed.onMouseIn.addはありません。

編集： メニューのプラグインボタンを押すと、実際にプラグインがダイアログをポップアップします。ユーザは、ダイアログからいくつかのコンテンツを選択し、それをエディタに挿入する。

Answer 1

エディタの要素にmouseoverハンドラを追加するには、クラス 'hoverable'を使用します。

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

あなたはHOWTOがjQuery hereを使用して簡単なツールチップを作成見つけることができます。エディタに選択したコンテンツを追加する機能で

Answer 2

私は、私の場合

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

を追加しました私はあなたがprobalbyだけ.hover使用することができ、他の例で.liveを必要とするように、新しいhoverableものを加えてもよいです。