Какое оптимальное решение для организации двух (или более) областей редактирования внутри настраиваемого компонента?

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 который имеет фоновое изображение. Затем добавьте два текстовых блока с этой оболочкой.