【问题标题】:TinyMCE keyup enter key to call function in componentTinyMCE keyup 回车键调用组件中的函数
【发布时间】:2019-10-08 21:34:43
【问题描述】:

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

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

我还有一个按钮,单击时具有回调函数。像往常一样,在我输入文本编辑器后,我使用按钮调用捕获编辑器内容的函数。但是,我还想允许在根据条件在编辑器中按下回车键时调用相同的函数。我怎样才能做到这一点?

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

如果我需要提供更多信息,请告诉我。谢谢!

【问题讨论】:

    标签: tinymce angular8


    【解决方案1】:

    如果你使用官方的 TinyMCE Angular 组件,你可以通过编辑器组件上的简写属性绑定编辑器事件,例如:

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

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

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

    【讨论】:

    • 感谢您的回答。虽然这可行,但我正在尝试使用我在示例中指定的相同 tinymce 指令。关于如何使用该示例进行此操作的任何想法?
    猜你喜欢
    • 2023-04-06
    • 1970-01-01
    • 2015-08-22
    • 2020-12-19
    • 2011-06-22
    • 2019-11-29
    • 2014-10-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多