用TinyMCE掛鉤onExecCommand事件4

Question

我正在使用TinyMCE 4，但文檔很糟糕。我正試圖提供另一個div（編輯器之外）的內容的實時預覽。現在我正在聽這些事件：

$(document).on('tinymce:changed tinymce:init', ...) 

輸入文本時，這是工作，但命令執行時它不會觸發（改變現有文本加粗爲例）。

它看起來像TinyMCE 3.x有一個onExecCommand事件，做我想做的事情。但是我找不到任何有關如何監聽全局jQuery事件的文檔，就像我正在使用change和init一樣。有誰知道它正在發射什麼事件？

Answer 1

在migration guide，你可以找到下面的例子：

// Old event 
editor.onInit(editor, args) { 
    // Custom logic 
}); 

// New event 
editor.on('init', function(args) { 
    // Custom logic 
}); 

因此，一個問題是要得到正確的事件名稱和正確的編輯器實例:) 的onExecCommand（）事件變成「的execCommand」在v4中。在執行命令時

for (ed_id in tinymce.editors) { 
    tinymce.editors[ed_id].on('ExecCommand', function(args) { 
     alert(1); 
    }); 
} 

出於某種原因，這個事件觸發了兩次：

因此增加上執行命令的處理程序應該是這樣的（以下執行代碼時要確保編輯已經被初始化）。我想你會解決這個問題。

雖然此方法不使用jQuery綁定，但它對我有用，並且可能也會解決您的問題。

Answer 2

如果這可以幫助其他人，這裏是所有事件的列表TinyMCE的4允許：

http://www.tinymce.com/wiki.php/api4:class.tinymce.Editor