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未定义”。

所以，我试图直接在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);
        });
      });
   }

点击TinyMCE 4.0上的活动

2 个答案: