TinyMCE EditorインスタンスにOnMouseoverイベントを追加する

Question

onMouseOverイベントとonMouseOutイベントをTinyMCE内のエディタインスタンス（プラグイン経由）に追加したいと思いますが、TinyMCEのAPIでサポートされていないようです。具体的には、要素がマウスオーバーして「読み取り専用」モード（および場合によっては他のもの）を切り替えると、コントロールが表示されます。これを行うにはTinyMCEにコードを自分で追加する必要がありますか、それとも非自明なルートによってサポートされていますか？コードを追加する必要がある場合、APIにそれを含めないという理由の根拠となるこれらのイベントをサポートすることに対していくつかの禁止がありますか？

以下のレスポンダと同じ混乱を起こしている人々の利益を明確にするために、TinyMCEライブラリによって作成されたTinyMCE.Editorインスタンスにイベントをアタッチすることを特に希望しています（このクラスは、 TinyMCE.initのsetupパラメータで使われているコールバックに渡します）。私は、次の

tinyMCE.init({ 
    . 
    . 
    . 
    setup : function(ed) { 
    TinyMCEReadOnlySetup(ed,true); 
    ed.onMouseOver.add(ShowButton(ed)); 
    ed.onMouseOut.add(HideButton(ed)); 
    }, 
    . 
    . 
    . 
}); 

を行いたいが、ED（TinyMCE.Editorのインスタンス）が同様のイベントのやり方でMouseOver.addをサポートしていません。あなたがあなた自身のプラグインで

ed.getDoc().designMode = "Off"; 

を使用することができ、読み取り専用と編集モードを切り替えるには、

Answer 1

さてさて、私はその後、INIT属性で、以下の非常にハック-yのコードを追加し、プラグインを作成することで、この作業を取得することができました：

ed.onInit.add(function(ed){ 
        . 
        . 
        . 

    document.getElementById(ed.id + '_parent').setAttribute('onmouseover', 
     "tinyMCE.editor_ShowButton('" + ed.id + "');"); 
    document.getElementById(ed.id + '_parent').setAttribute('onmouseout', 
     "tinyMCE.editor_HideButton('" + ed.id + "');"); 
    //ed.getBody().appendChild(newdiv); 
}); 

これは、最適な解決策はありませんが、それは取得します仕事が終わった。

Answer 2

。また、エディタの内容を保存し、onChangeが起動された場合に復元することもできます。

EDIT：

あなたはあなたがあなたのプラグインの一部のOnInitでこれを行うことができ

$('#' + ed.id +'_parent').bind('mouseover',function (evt){ 
    setTimeout("console.log('mouseover')",50);return false; 
}); 

を使用することができmouseoverイベントリスナーを設定します。