TinyMCE 4.0 上的点击事件

Question

最近我尝试将 TinyMce 4.0 集成到我的 Web 应用程序中。我想在单击 textarea 时设置一个单击事件，但它不起作用。我查看了官方文档，并尝试了以下代码：

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);
        });
      });
   }