动态调整受控 TinyMCE React 组件的大小

Question

背景：我们在一些上下文中有 TinyMCE React，其中父元素由用户手动调整大小（可调整大小的模态对话框等），我们希望 TinyMCE 组件适当调整大小。在旧版本中，我们使用 中记录的 resizeTo 功能来完成此操作。但是，升级后似乎不再可用。

我之前尝试解决此问题涉及使用 key，该方法基于在调整大小时将编辑器的宽度和高度与去抖动连接起来。基本上，只要尺寸变化足够大，我就会拆除旧组件并渲染一个新组件，其配置选项包括新尺寸。虽然这在很大程度上是有效的，但它会导致一个问题，即当您在调整大小后尝试编辑字段时，它最初会闪烁并失去焦点。

遗憾的是，我们使用的是基于像素的尺寸计算，因此以百分比而非像素指定高度将不起作用。

执行此操作的新官方方法是什么？理想情况下，会有一些新版本的 editor.theme.resizeTo 我们可以使用并完全使用基于密钥的解决方案进行调度，但我无法在任何文档中找到它。

Answer 1

只需将编辑器包裹在具有计算出的高度和宽度的 div 中，然后将编辑器的高度和宽度设置为 100%。