Как связать событие click или keydown в редакторе tinymce

Question

Я использую редактор tinymce в angular 4. Я хочу связать событие click или keydown, если какой-либо пользователь щелкнет внутри редактора. Я попробовал следующий код, но не повезло:

HTML:

<app-tinymce [(ngModel)]="Model.Description" required name="Description" #Description="ngModel"></app-tinymce>

JS Page:

$('body iframe').load(function(){
$('body iframe').contents().find('input').bind('click',function(e) {
       alert('bingo?');
    });
});

 $(document).on("keydown", function(){         
    $("iframe").load(function(){
    $(this).contents().on("click, keydown", function(){
        alert("Click detected inside iframe.");
    });
  });
});

Пожалуйста, сообщите об этом.

Answer 1

Вы можете добавить код в вашу конфигурацию TinyMCE, который будет срабатывать, когда кто-то нажимает или нажимает клавишу в редакторе.

Эта скрипка TinyMCE показывает конечный результат: http://fiddle.tinymce.com/Rzgaab/1

Будет console.log сообщение о событиях click и keydown.Код ключа в конфигурации TinyMCE:

setup: function (editor) {
  editor.on('click keydown', function (e) {
    console.log('Click or keydown event triggered!');
  });
}

, который запускает код для двух событий, на которые вы ссылаетесь.Полный список событий здесь: https://www.tiny.cloud/docs/advanced/events/

Answer 2

Я видел в Tinymce API: https://www.tiny.cloud/docs/api/tinymce/root_tinymce/

есть метод on () , вы пробовали это?