Dołącz do zdarzenia onExecCommand z TinyMCE 4

Question

Używam TinyMCE 4, ale dokumentacja jest straszna. Próbuję zapewnić podgląd na żywo zawartości w innym dziale div (poza edytorem). Teraz mam słuchać tych wydarzeń:

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

To działa, gdy tekst zostanie wprowadzony, ale nie wyzwala, gdy polecenia są wykonywane (zmieniając istniejący tekst pogrubiony na przykład).

Wygląda na to, że w TinyMCE 3.x jest zdarzenie onExecCommand, które robi to, co chcę. Ale nie mogę znaleźć żadnej dokumentacji dotyczącej sposobu słuchania globalnego zdarzenia jQuery, tak jak robię to przy pomocy change i init. Czy ktoś wie, jakie zdarzenie wystrzeliwuje?

Answer 1

W migration guide można znaleźć następujący przykład:

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

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

Więc jednym problemem jest to, aby uzyskać właściwą nazwę wydarzenia i właściwą instancję edytora :) onExecCommand() wydarzenie staje się „ExecCommand” w wersji 4.

Więc dodanie obsługi na wykonanie poleceń powinien wyglądać następująco (upewnij się, że redaktorzy są już zainicjowany podczas wykonywania kodu poniżej):

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

z jakiegoś powodu zdarzeń pożary dwukrotnie gdy polecenie jest wykonywane. Myślę, że przezwyciężysz ten problem.

Chociaż ta metoda nie wykorzystuje powiązań jQuery, działa ona dla mnie i prawdopodobnie rozwiąże również Twój problem.

Answer 2

W przypadku pomaga nikomu, tutaj znajduje się lista wszystkich zdarzeń TinyMCE 4 umożliwia:

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