Question

我在angular 4中使用tinymce编辑器。如果任何用户在编辑器中单击，我想绑定click或keydown事件。我尝试了以下代码，但是没有运气：

HTML：

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

JS页面：

$('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（）方法，您尝试过吗？

如何在tinymce编辑器中绑定click或keydown事件

2 个答案: