时间戳

首页 > 解决方案 > 在 Vaadin 页面上管理多个 TinyMCE 编辑器

tinymce - 在 Vaadin 页面上管理多个 TinyMCE 编辑器

问题描述

我有一个包含多个 TinyMCE 编辑器 (org.vaadin.tinymce.TinyMce) 的页面，我想知道哪个用户在“in”中。一种方法是使用焦点/模糊事件，但我尝试添加这样的类：

public class MyTinyMce extends TinyMce implements Focusable<TinyMce> { ... }

然后像这样关联事件处理程序：

myTinyMce.addFocusListener(e -> {
    System.out.println("focus!!");
});
myTinyMce.addBlurListener(e -> {
    System.out.println("blurred!!");
});

但事件不会可靠地触发。如果我对 Text 组件做同样的事情，它会按预期工作。

我说不是“可靠”，因为如果我点击 TinyMCE 工具栏中的空白区域（在屏幕截图中的“工具”右侧），它们会触发，但如果我点击 TinyMCE 菜单或可编辑正文则不会触发。

截屏

我做错了什么，还是 TinyMCE 组件根本不支持这个用例？是否有另一种方法来跟踪用户在不同编辑器之间切换？

标签： tinymcevaadinvaadin14

解决方案

推荐阅读