在自定义组件中组织两个（或更多）编辑区域的最佳解决方案是什么？

Question

在自定义组件中组织两个（或更多）编辑区域的最佳解决方案是什么？我的目标是创建自定义组件，其作用类似于中等草稿http://bitwiser.in/medium-draft/的图像块 但是，在我的情况下，当用户可能添加和设置文本样式时应该是两个区域（见下图）。我看到了如何使用image.js组件中的草稿 - https://github.com/brijeshb42/medium-draft/blob/master/src/components/blocks/image.js下面的图片进行了描述 它是用EditorBlock制作的，它从父母那里获取道具。我不知道如何在自定义组件中组织两个丰富的可编辑区域。

Answer 1

要使用草稿，您需要制作一张具有背景图像的wrapper。然后使用该包装器添加两个文本块。