javascript - TinyMCE 4.0 のクリックイベント

Question

最近、Web アプリケーションに TinyMce 4.0 を統合しようとしました。テキストエリアをクリックしたときのクリックイベントを入れたいのですが、うまくいきません。公式ドキュメントを見て、次のコードを試しました。

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onClick.add(function(ed, e) {
          console.debug('Editor was clicked: ' + e.target.nodeName);
      });
   }

「TypeError: ed.onClick is undefined」というエラーが表示されます。

そのため、iframe に onclick イベントを直接配置しようとしましたが、失敗しました:

$("iframe").contents().bind('click', function(){
...
});

これを行う方法について何かアイデアはありますか？

Answer 1

TinyMCE v4 は v3 から変更されました - 試してください:

setup : function(ed) {
    ed.on("click", function() {
        alert("Editor Clicked!  Element: " + this.target.nodeName);
    });
};

Answer 2

うーん、あなたは試すことができます

$(ed.getDoc()).bind('click', function(){
...
});

更新: その時点で初期化されたエディターがないようです。試す

   setup : function(ed) {
      ed.onInit.add(function(ed, e) {
        ed.onClick.add(function(ed, e) {
          console.debug('Editor was clicked: ' + e.target.nodeName);
        });
      });
   }