Intento capturar la activación del teclado en el elemento < p > dentro del iFrame del editor, pero con este código, obtengo el elemento textarea. Event.stopPropagation() no deja de burbujear, sigo obteniendo el elemento superior
tinymce.init({ selector: 'textarea', setup:function(editor) { editor.on('keydown', function(event) { console.log(event.target); }); } });Veo tinymce.event en API con su propio método stopPropagation() pero no entiendo cómo hacerlo funcionar. Tinymce.event devuelve indefinido igual que editor.event o tinymce.Event.type
también, existe la API de la utilidad eventDispatcher, pero al intentar procesar el keydown a través de eventDispatcher.dispatch() se activó dentro del editor. on keydown no me da nada
Al final, traté de eliminar la clase/estilo de un bloque dentro del editor. Y debido a que este bloque se agrega mediante programación, no puedo hacer esto con el nombre de la clase. Necesito un puntero de elemento donde ocurrió keydown
Descubra que puedo usar el asistente de selección tinyMCE para obtener un elemento con el enfoque actual (que desencadenó un evento) y resolver mi tarea
Así que el código final es
tinymce.init({ selector: 'textarea', setup:function(editor) { editor.on('keydown', function(event) { const element = editor.selection.getNode(); if (editor.dom.hasClass(element, 'classname')) { } } });