Nhấp vào sự kiện trên TinyMCE 4.0

Question

Gần đây tôi đã cố gắng tích hợp TinyMce 4.0 vào ứng dụng web của mình. Tôi muốn đặt một sự kiện nhấp chuột khi tôi nhấp vào vùng văn bản nhưng nó không hoạt động. Tôi đã xem tài liệu chính thức và tôi đã thử các mã sau:

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

Có lỗi xuất hiện: "TypeError: ed.onClick is undefined".

Vì vậy, tôi đã cố gắng để đưa trực tiếp một sự kiện onclick trên iframe nhưng đó là một thất bại:

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

Bạn có bất cứ ý tưởng về cách để làm điều này?

Answer 1

Hmm, bạn có thể thử

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

Cập nhật: Hình như không có biên tập khởi tạo thời điểm đó. Hãy thử

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

Answer 2

TinyMCE v4 đã thay đổi mọi thứ từ v3 - thử:

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