解决Vaadin中TinyMCE编辑器的首次加载问题

在使用Vaadin Flow和TinyMCE编辑器时，你可能会遇到一个令人困惑的问题：当你从网格（Grid）中首次点击进入编辑表单时，TinyMCE编辑器显示为空白。然而，在后续的点击中，编辑器能够正确显示内容。这个问题在Vaadin的24.1.3版本以及TinyMCE的4.0.5版本中被报告过。以下是解决此问题的详细步骤和实例。

问题描述

当从网格中点击进入编辑表单时，TinyMCE编辑器在第一次加载时无法正确渲染数据，显示为空白。即使数据绑定是正确的，尝试了各种方法如调整绑定顺序、使用对话框等，都无法解决问题。

解决方案

解决此问题的方法是**避免使用setVisible**来控制表单的显示与隐藏。相反，使用CSS类来管理表单的可见性。这确保了组件在DOM中存在并且占用空间，但对用户不可见。

实例代码

以下是一个简化的实例代码，展示了如何使用CSS类来处理TinyMCE编辑器的显示问题：

publicclassTinyMCEDemoextendsVerticalLayout