TinyMCE键盘输入键以调用组件中的函数

问题描述 投票:0回答:1

我正在使用Angular 8和TinyMCE v5。我有一个自定义组件组件,其中包括与关联的配置属性相关的tinymce编辑器。

<tinymce #editor [config]="context.config" [(ngModel)]="context.message">

我还有一个按钮,当单击该按钮时具有回调功能。通常,在输入文本编辑器后,我使用按钮来调用捕获编辑器内容的函数。但是,我还希望允许根据条件在编辑器中按Enter键时调用同一函数。我该怎么做?

我遇到的问题是我无法从可以在设置中指定的配置属性访问组件功能。

让我知道是否需要提供更多信息。谢谢!

tinymce angular8
1个回答
0
投票

如果使用Official TinyMCE Angular组件,则可以通过编辑器组件上的速记道具绑定编辑器事件,例如:

<editor (onKeyUp)="handleEvent($event)"></editor>

https://github.com/tinymce/tinymce-angular#event-binding

这样,您可以从编辑器配置属性之外绑定到编辑器事件。

© www.soinside.com 2019 - 2024. All rights reserved.