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

Question

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

Answer 1

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